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

应用场景

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

解决代码

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


.clearfix:after,  
.clearfix:before{content:" ";display:table;}  
.clearfix:after{clear:both;}
posted @ 2020-04-02 22:16  热爱前端知识  阅读(642)  评论(0编辑  收藏  举报