[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;}

效果为:




本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部