zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

CSS 解决 元素 失效 高度 浮动 问题
2023-09-14 08:57:04 时间

应用场景

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

解决代码

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


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