由于众所周知的原因,IE在处理 padding 样式的时候总是让我们不那么顺心,如下图(图片来自苏沈小雨的CSS2中文手册):
CSS Hacks : 修复 IE 的 Padding 错误

在 padding 数值很大的地方(比如标题栏的背景 div 和标题之间),浏览器的差别就显示的很明显。
通过查询,找到了一种Hack方法。比如 CSS 原来是这样的:
}
其中的 height 属性为140px,在FF中整个 div 的高度是 140 + 2* (2em) 约为 190px ,而在IE6和IE7中均为 140px ,这样就导致有大概 50px 的差别。
只要这样写:
}
也就是在下面添加一个 *html 块(这个块只有IE 6+ 支持,FF不支持),在里面把实际的数量写进去就行了。

PS:来自 http://webdesign.about.com/od/css/a/aaboxmodelhack.htm 的方法是:
 
不过根据实验,并不能得到合适的数值。

参考来源:http://www.cnblogs.com/Randy0528/archive/2007/09/29/910760.html

相关文章:

  • 2021-08-24
  • 2021-12-18
  • 2021-11-03
  • 2021-06-19
  • 2021-09-08
  • 2021-07-05
  • 2021-06-02
  • 2022-12-23
猜你喜欢
  • 2021-11-19
  • 2022-12-23
  • 2021-09-09
  • 2021-10-22
  • 2021-07-19
  • 2021-08-24
  • 2021-07-10
相关资源
相似解决方案