开发者社区> 问答> 正文

怎样使float元素超过父元素的width强制不换行?

<ul class="clearfix">
    <li></li>
    <li></li>
    <li></li>
</ul>

ul{width:100px;}
ul li{float:left;width:40px;height:40px;background:red;border-right:2px solid blue;}

浮动元素有没有像white-space: nowrap;一样强制不换行的属性?

展开
收起
杨冬芳 2016-06-12 16:35:21 3695 0
1 条回答
写回答
取消 提交回答
  • IT从业

    换个思路,可以在ul外部嵌套个div,ul设置宽一点,但是外层div还是100px即可

    <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <style>
    div{width:100px;}
    div ul{width:9999px;}
    ul li{float:left;width:40px;height:40px;background:red;border-right:2px solid blue;}
    </style>
    2019-07-17 19:34:30
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载