after伪类和overflow清楚浮动

最新推荐文章于 2021-06-01 11:28:26 发布

weixin_30249203

最新推荐文章于 2021-06-01 11:28:26 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ldmblog/p/6579786.html

本文介绍了两种常用的清除HTML元素浮动的方法：一是使用CSS伪元素after来清除浮动；二是通过将父元素的overflow属性设置为hidden实现清除浮动。这两种方法有助于解决因元素浮动而产生的布局问题。

<style>
        .img{width:100px;height:100px;background:red;float:left;}
        .box:after{
            content:"";
            display:block;
            clear:both;
        }
    </style>
</head>
<body>
    <div class="box">
    <div class="img"></div>
    </div>
</body>