最最最全的清除浮动方法

如何清除浮动?

上下排列:

clear属性,表示清除浮动的,left、right、both

嵌套排列:

  1. 固定宽高 : 不推荐 , 不能把高度固定死,不适合做自适应的效果。

  2. 父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。

  3. overflow : hidden (BFC规范) , 如果有子元素想溢出,那么会受到影响。

  4. display : inline-block (BFC规范),不推荐,父容器会影响到后面的元素。

  5. 设置空标签 : 不推荐 , 会多添加一个标签。

  6. after伪类 : 推荐,是空标签的加强版,目前各大公司的做法。

.clear:after{content: '.';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}

( clear属性只会操作块标签,对内联标签不起作用 )

如有其他见解,欢迎补充!

posted @ 2020-03-26 21:56  Mine-  阅读(28)  评论(0)    收藏  举报