很多时候 我们都想在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;
  }

 注:IE7以下都不好使。一定要写在CSS里,在dom里直接定义style竟然不好使,也请路过的高手指点,为何?

相关文章:

  • 2022-12-23
  • 2022-02-08
  • 2022-12-23
  • 2022-12-23
  • 2021-09-04
  • 2022-12-23
  • 2022-03-06
  • 2022-12-23
猜你喜欢
  • 2021-05-24
  • 2021-07-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-26
相关资源
相似解决方案