基本信息
源码名称:防止div ul浮动塌陷
源码大小:1.29KB
文件格式:.html
开发语言:CSS
更新时间:2020-12-15
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
在我们通过一个div ul li的简单模式中,如果将li进行浮动,来横向排列,也就是添加float:left。那么在不固定div和ul的高度的时候,就会造成元素塌陷。
解决方式是使用伪元素after来撑开,即给ul添加一个after。
该方法对于绝对浮动元素(position: absolute;)的父级添加,也是有效的。
这样可以灵活的控制元素高度,避免出现塌陷。
:after{ display: block; content: ''; clear: both;}