做外贸网站可以收付款吗/店铺推广软文范例
产生条件
1父元素无高度 高度由子元素撑开2子元素设置了浮动,脱离了文档流,撑不开父元素子元素有浮动时且父元素未设置高度,子元素浮动后,父元素的高度为0
解决高度塌陷的方法
1.给浮动元素添加一个同级元素给这个同级元素设置style clear:both;添加的这个同级元素不能浮动;clear属性:left/right/both弊端:代码中会多余很多空代码 代码冗余2给父元素添加 overflow:hidden(触发规范)弊端:父元素之外的元素会被隐藏3万能清楚法 ie9以下不适用利用伪元素选中元素::after{}/before{}给选中元素添加一个最后的子元素/最前面子元素 子元素的最后::after{content:"";//必须要有color:red;background:blue;display:block;height:0;clear:both;}