【总结整理】overflow: auto/hidden;清除自己

weixin_34323858

于 2018-01-25 22:56:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lianghong/p/8353594.html

本文介绍了一种使用CSS overflow属性来实现浮动元素的布局技巧。通过设置.top-nav的overflow为auto，不仅能够控制元素内的溢出，还能有效清除浮动，使得父级元素能够正确扩展以包含其内部的浮动元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.top-nav{
                font-size: 12px;
                font-weight: bold;
                list-style-type: none;
                border-bottom: 8px solid #DC4E1B;
                overflow: auto;/*hidden与auto的效果一样*/
                /*不是用来控制溢出，而是用来清除浮动，不是在该元素上清除浮动，而是清除自己*/
                /*应用了overflow的元素，扩展到他需要的大小，以包围他里面浮动的子元素*/
            }