02常见的几种清除浮动的方法.pptxVIP

常见的几种清除浮动的方法 常见的几种清除浮动的方法 我们经常把高度塌陷问题也叫做常见的几种清除浮动的方法 高度塌陷问题—父元素高度自适应，子元素float后，造成父元素高度为0，就叫做高度塌陷问题 常见的几种清除浮动的方法 解决方案： 给父元素一个高度 缺点：无法高度自适应 父元素{overflow:hidden;} 缺点： 父元素框之外的部分会被隐藏 在浮动的子元素的末尾，添加一个空div，并设置如下样式 div{clear:both; height:0;overflow:hidden;} 缺点：容易造成代码冗余 常见的几种清除浮动的方法 解决方案： 万能清除浮动法 父元素:after{content:””;display:block;clear:both;height:0;overflow:hidden;visibility:hidden;} THANK YOU