ie min-height

很多时候 我们都想在IE里实现这样的布局:一个容器box有一个固定的高度 当内容超出固定高度时自动拉伸 即使内容比较少时 也可以保持一个最小高度

这个布局对FF来说是小事一桩 只要给box定义一个min-height值就可以了 但遗憾的是IE不能识别这个属性 那我们有什么办法让IE也支持min-height吗?答案是肯定的,必须的。

下面以一份简单的html为例

我们可以这样定义CSS:

.box{
  margin:0 auto;
  padding:10px;
  border:1px solid #ccc;
  width: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竟然不好使,也请路过的高手指点,为何?

posted @ 2012-02-10 11:30  xngeer  阅读(445)  评论(0编辑  收藏  举报