很多时候 我们都想在IE里实现这样的布局:一个容器box有一个固定的高度 当内容超出固定高度时自动拉伸 即使内容比较少时 也可以保持一个最小高度
这个布局对FF来说是小事一桩 只要给box定义一个min-height值就可以了 但遗憾的是IE不能识别这个属性 那我们有什么办法让IE也支持min-height吗?答案是肯定的,必须的。
下面以一份简单的html为例
我们可以这样定义CSS:
.box{ margin:0 auto; padding:10px; border:1px solid #ccc; 500px; min-height:45px;/*为FF定义min-height*/ height:auto;/*IE里高度自动*/ height:45px;/*再为IE设置一个固定高度值*/ } p{ margin:0; line-height:20px; text-indent:2em; font-size:12px; }
注:IE7以下都不好使。一定要写在CSS里,在dom里直接定义style竟然不好使,也请路过的高手指点,为何?