很多时候 我们都想在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;
}
注:一定要写在CSS里,在dom里直接定义style竟然不好使,也请路过的高手指点,为何?