如何清除浮动?
上下排列:
clear属性,表示清除浮动的,left、right、both
嵌套排列:
-
固定宽高 : 不推荐 , 不能把高度固定死,不适合做自适应的效果。
-
父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。
-
overflow : hidden (BFC规范) , 如果有子元素想溢出,那么会受到影响。
-
display : inline-block (BFC规范),不推荐,父容器会影响到后面的元素。
-
设置空标签 : 不推荐 , 会多添加一个标签。
-
after伪类 : 推荐,是空标签的加强版,目前各大公司的做法。
.clear:after{content: '.';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
( clear属性只会操作块标签,对内联标签不起作用 )
如有其他见解,欢迎补充!