html如何清除浮动(2)-木庄网络博客

2022-03-16 02:59:42 PHP中文网 JavaScript 百度已收录

<div id="div1">
    <div id="left"></div>
    <div id= "right"></div>
    <div id="div2"></div>
</div>

效果图：

方法四:利用伪类去除浮动

用伪类清除浮动时用after，并且加上content：""可以加内容也可以不加，但是一定要加上display：block；同时还要写clear：both；

css代码：

1	`#div1:after{content:"";clear: both;display: block;}`

效果图：

相关学习推荐：html视频教程

以上就是html如何清除浮动的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者