理解自张鑫旭多年前的文章
www.zhangxinxu.com/wordpress/2…
如果想要理解原文,可以去这里看一看。
最开始es提出的浮动,是为了实现文字环绕的效果。
而浮动带来的问题就是父元素高度塌陷,由于其脱离文档流,导致原来由子元素撑起高度的父元素,失去了要有的高度。做法是清除浮动
1.overflow:hidden;局限性很大,会截掉fixed/absolute定位的元素。不推荐使用。
2.:before 设置为block、table属性,使其清除浮动。关键在于设置其content属性,内容是什么无所谓,只要line-height:0; visibility:hidden;clear:both;display:block
3.当然,粗暴的解决方法,也可以在最后添加一个空的块状子元素,添加clear:both属性,用来清浮动。