解决 css 浮动后 父元素高度失效问题

应用场景 子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix:after, .clearfix:before{content:" ";display:table;} .clearfix:after{clear:bo

应用场景

子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。

解决代码

把 ‘.clearfix ’ Class 样式添加到 父元素即可。

.clearfix:after,
.clearfix:before{content:" ";display:table;}
.clearfix:after{clear:both;}

关键字:css, html