min-height最小高度的实现(兼容IE6、IE7、FF)
生活随笔
收集整理的這篇文章主要介紹了
min-height最小高度的实现(兼容IE6、IE7、FF)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
當容器的內容較少時,能保持一個最小的高度,以免破壞了布局或UI設計效果。而當容器內的內容增加的時候,容器能夠自動的伸展以適應內容的變化。
聲明:52CSS.com原創,轉載請注意出處并加上鏈接。
min-height屬性并非所有瀏覽器都兼容,主要問題還是出現在IE6,這個不支持標準的瀏覽器偏偏占據很大的用戶群體,雖然IE7發布很久了,IE8正式版也快發布了,但IE6依然有著眾多的用戶。實在讓CSSer非常無奈。
關于可以min-height屬性參考這里:http://www.52css.com/css/c_minheight.html
IE6對于overflow的特殊實現,給我們實現min-height提供了一個思路,所以產生了以下兼容IE6、IE7、FF瀏覽器的min-height寫法:
?
#mrjin {background:#ccc;min-height:100px; height:auto !important; height:100px; overflow:visible; }?
?
轉載于:https://www.cnblogs.com/woshiyinmo/p/3347186.html
總結
以上是生活随笔為你收集整理的min-height最小高度的实现(兼容IE6、IE7、FF)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [置顶] 软件设计之道_读书纪要.doc
- 下一篇: 20131005第四章,第五章内容整理与