[html] 关于overflow 的用法

有的时候当一个块区域高度为 height:auto; ,即高度和内容的大小相同时,区域内有元素设置了 float 属性,此时高度不会自动变化:

如当代码为:


ul{border:red 1px solid;}
li {width:164px;height:236px;float:left;margin:5px; border:gray 1px solid;}

效果为:



此时给需要高度自适应的标签加上 overflow:hidden; 即可清除浮动,使之高度自适应:

ul{border:red 1px solid;overflow:hidden;}

效果为:



你可能感兴趣的:(高度自适应,overflow)