[html] 关于overflow 的用法

来源:互联网 发布:怎样删除kingroot软件 编辑:程序博客网 时间:2024/06/09 23:03

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

效果为:



0 0