[转载]最小高度的实现min-height(兼容IE6、IE7、IE8、IE9、F

2013-05-02 22:25

[转载]最小高度的实现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

原文地址:最小高度的实现min-height(兼容IE6、IE7、IE8、IE9、FF、360等)作者:用户体验设计中心

    如果觉得有用请关注一下以下网址哦,谢谢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;

    }


 青春就应该这样绽放  游戏测试:三国时期谁是你最好的兄弟!!  你不得不信的星座秘密