[转载]最小高度的实现min-height(兼容IE6、IE7、IE8、IE9、F
by 晴方好玲
at 2013-05-02 14:25:36
original http://blog.sina.com.cn/s/blog_897db7b50101b4dc.html
如果觉得有用请关注一下以下网址哦,谢谢!http://meihaoduo.taobao.com/
我们做WEB开发的时候,为了美观往往会固定一个容器的高度,当内容没有超过高度的时候,整体是
美观的,但当内容超过高度的时候,在IE6下,容器能够自动的伸展以适应内容的变化。保持了美观
性,但IE其他版本和其他浏览器就没有这么幸运了,其他浏览器下,当内容超过了容器高度的时候
,容器就不能自动的伸展以适应内容的变化了,内容直接撑破了容器,超出的内容直接跑到容器外
面了,这样打破了整体的美观性。
为了解决这个问题,我们引入了最小高度 min-height,我们先设置一个适合整体美观的高度为最小
高度,当内容超过了最小高度的时候,容器的高度会随着内容的增多而增多,一直保持整体的美观
性。
下面是代码,注意代码的顺序不能变,必须这样的顺序,因为 min-height在IE6是不起作用的。
如果觉得有用请关注一下以下网址哦,谢谢!http://meihaoduo.taobao.com/
.test{
min-height:100px;
height:auto
!important;
height:100px;
}