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