快捷搜索:   服务器  PHP  安全  linux 安全  IIS

li在浮动(float)的情况下让父标签自适应高度

在div+css网页设计中,li常常用来设计导航条,我也经常用它来进行产品列表。
产品列表有一种情况是:在产品数目未知(后台随时更改)的情况下,我要每行显示4个产品。
传统的table,td下不好设计,要用代码判断产品数量,根据产品数量来添加td。
用li的话很简单,就是<ul><li></li></ul>的问题。
li有个缺点,每行显示4个的时候,它的属性必须设置float:left;,当li浮动的时候,它的父元素不会随着li的增多自适应高度,所以,如果父元素有背景的话是不会随着li的高度增加而出现的。
我在蓝色理想论坛看到一个高手的解决方案是,给父元素加两个属性,z-index:1和overflow:hidden;
我不知道具体原理,不过问题真的解决了,:) IE6.0和FF 2.0下通过

顶(1)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论