欢迎留言: | Guestbook |

兼容的最小高度适应不定量内容的容器

经常遇到这样的问题,左右结构的网页上,两边的背景不同,而为主的大容器因为需求需要在内容过少时与小容器的高度一致。这样就造成了各浏览器的兼容问题:如果设定主容器的高度,在IE7和FF下会显示成如下图:

clip_image002

如果单独使用min-height,在IE7和FF下可以实现想要的效果,但IE6下没有这个属性,不起作用,和没有设定高度的效果是一样。IE6效果如下图:

clip_image004

既然如此,不要忘记还有一个重要的可以区分IE6和IE7的!important,于是有了下面的想法:

height:600px;height:auto !important; min-height:600px;

这样得到的效果在IE6,IE7,FF下均如下图:

内容过少时:

clip_image006

内容过多时:

clip_image008 

转自:空格

相关文章:

去掉table的border默认属性的3维效果  (2008-4-29 14:4:4)

用DIV模拟弹出窗口--窗体滚动跟随  (2008-4-24 11:28:37)

修复IE背景图片闪烁或不见的现象  (2008-4-3 14:46:19)

关于背景半透明---转  (2008-3-31 17:31:38)

想成为css高手吗-----那就来看看高手是怎么写的把  (2008-3-20 15:59:13)

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码  (2008-3-12 9:24:41)

时下很流行的div弹出效果   (2008-3-3 12:29:30)

DivCSS布局实例:很实用的图文混排CSS列表 - 富有语义  (2008-2-25 14:55:54)

CSS framework:高效率的站点开发之CSS框架  (2008-2-25 12:50:57)

设计师不懂得css 也能做出来漂亮的css+div导航来  (2008-2-25 10:50:15)

One Response to “兼容的最小高度适应不定量内容的容器”

Leave a Reply

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。