有的时候当一个块区域高度为 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;}
效果为: