为了账号安全,请及时绑定邮箱和手机立即绑定

子元素宽度如何撑开父元素宽度

子元素宽度如何撑开父元素宽度

烙印99 2019-02-21 22:19:09
如图这是一个横向滚动栏,子元素高度会自动撑开父元素的高度,但是好像子元素宽度不能自动撑开父元素的宽度,如何使用css使子元素宽度可以自动撑开父元素宽度,避免计算父元素的宽度。
查看完整描述

1 回答

?
桃花长相依

TA贡献1860条经验 获得超8个赞

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>无标题文档</title>

</head>


<body>

    <style>

        .box{width:300px;height:100px;background:#000;}

        .inner{white-space:nowrap;width:auto;display:inline-block;zoom:1;*display:inline;margin:10px 0 0 10px;background:#FC9;}

        .inner span{display:inline-block;width:80px;height:100px;margin:0 10px;background:#dd4215;}

    </style>

    <div class="box">

        <div class="inner">

            <span></span>

            <span></span>

            <span></span>

            <span></span>

            <span></span>

            <span></span>

            <span></span>

            <span></span>

            <span></span>

        </div>

    </div>

</body>

</html>

https://img1.sycdn.imooc.com//5c739dd30001480f08000255.jpg

查看完整回答
反对 回复 2019-02-25
  • 1 回答
  • 0 关注
  • 3168 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信