CSS 清除浮动

CSS浮动与清除技巧

最新推荐文章于 2025-05-13 15:09:04 发布

weixin_33937499

最新推荐文章于 2025-05-13 15:09:04 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nackman/archive/2013/04/23/3038481.html

本文介绍了一种使用CSS实现元素浮动及清除浮动的方法，通过简单的示例展示了如何让元素在页面中进行左右排列并保持布局的完整性。

<style>
.clearfix:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0;
}

* html .clearfix{zoom: 1;}

*:first-child + html .clearfix{zoom: 1;}

</style>

<div class="clearfix" style="border: 2px solid red;">
    <div style="float: left; width: 80px; height: 80px; border: 1px solid blue;">
        空山幽泉
    </div>
</div>