为什么要清除浮动(浮动清除元素标签)

发布日期:2025-01-08 01:58:57     手机:https://m.xinb2b.cn/yule/news304473.html    违规举报
核心提示:浮动,一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局;恨,浮动之后遗留下来太多的问题需要解决。清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。清除浮动的方法:1、额外标签法:给谁清除浮动,就在其后额外添加一

为什么要清除浮动

浮动,一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局;恨,浮动之后遗留下来太多的问题需要解决。清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。

清除浮动的方法:

1、额外标签法:给谁清除浮动,就在其后额外添加一个空白标签。

2、父级添加overflow方法:可以通过触发BFC的方式,实现清楚浮动效果。

3、使用after伪元素清除浮动:after方式为空元素的升级版,好处是不用单独加标签了(较常用)。

4、使用before和after双伪元素清除浮动:(较常用)。

 
 
本文地址:https://xinb2b.cn/yule/news304473.html,转载请注明出处。

推荐图文
推荐娱乐运动
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  违规举报  |  蜀ICP备18010318号-4  |  百度地图  | 
Processed in 0.063 second(s), 82 queries, Memory 0.5 M