ff 和 ie对padding-top的解析是不一样的，在ie中，元素占用的高度 = padding-top + 元素原来的高度，在ff中，该padding-top被算在元素的原始高度之内。
解决方法：
一，尽量不用到padding-top；
二，在设置的padding-top后加入!important，ie不会解析这个属性。
<div style="padding-top:5px;height:10px !important;height:15px;width:200px;background-color:#ffeeee"> test </div>
三，利用*，ff不解析*，用这个也可以实现使用padding-top的效果在各浏览器一致。
<div style="padding-top:5px;height:10px;*height:15px;width:200px;background-color:#ffeeee"> test </div>
分享到：
相关推荐
（针对FF/IE7） padding: 6px;（针对IE6） IE6 IE7正常 FF不正常 这种情况我们要这么处理，因为!important IE7也是能识别的！ padding: 7px;（针对FF） *padding: 6px;（针对IE6/IE7） IE6 IE7 FF都不一样 ...
- **问题描述**：在 FF 中，`ul` 元素的默认 `padding` 值非零，而在 IE 中则是默认 `margin` 非零。 - **解决方案**： - 统一清除默认值，如 `ul { margin: 0; padding: 0; }`。 #### 6. FORM 元素默认 margin ...
FF与IE对div padding的处理差异** Firefox在计算div的实际宽度时会包括padding，而IE则不会。为了解决这个问题，可以使用`!important`标记或更精细的Hack技术。 **2\. 垂直居中** 垂直居中在不同浏览器中的实现...
1. **Box Model**: FF和IE对于`padding`和`border`的计算方式不同。 - FF: `width + padding + border` - IE6/7: `width` 2. **特殊Hack**: 为了确保在所有浏览器中盒子的尺寸一致，可以采用以下Hack方法： ```...
- **Padding与宽度计算**：Firefox会将`padding`和`border`计入元素的总宽度，而IE不会。可以通过使用`!important`来强制应用正确的宽度。 - **列表项样式**：Firefox默认为`ul`和`li`元素添加`padding`，这可能...
1. FF在设置`padding`后会增加元素的`width`和`height`，而IE不会，可以通过`!important`来统一。 2. 垂直居中可以通过设置`line-height`和`vertical-align: middle`实现，水平居中可以使用`margin: 0 auto;`。 3. ...
Firefox会正确地将元素的高度和宽度计算为内容加上内边距（padding），而IE则不会将内边距计算在内。为了避免这种差异，可以使用`!important`关键字来强制IE遵循特定的值。 5. **`!important`的使用** Firefox...
Firefox在应用`padding`后会增加`div`的高度和宽度，而IE不会。为了解决这个问题，可以在Firefox中使用`!important`来强制设置`height`和`width`。例如，`div { padding: 10px; height: 100px !important; width: ...
在IE中，默认的`UL`元素的`margin`和`padding`值可能与FF不同。为了避免这种情况，可以显式设置`ul{margin:0;padding:0;}`来清除默认值，确保在所有浏览器中表现一致。 #### 7. Box模型问题 IE和FF在处理Box模型时...
FF与IE中的`padding`、`height`和`width`处理差异 **问题描述**：Firefox与IE在计算元素的实际高度和宽度时有所不同，特别是当涉及到`padding`时。 **解决方案**： - 使用`!important`来覆盖默认行为，例如`...
本文将深入探讨FF与IE之间在JS和CSS方面的关键区别。 ### JavaScript的区别 1. **对象和属性支持**： - **Array对象**：在IE8及更早版本中，`Array.prototype.forEach`、`map`等方法未被支持，而FF已经支持。...
- **IE与FF**: 在处理Ajax请求时，IE与FF之间也存在一定的差异。 **示例**： ```javascript xmlHttp.open("GET", "xxx.aspx?id=xx", true); // IE和FF都支持异步模式下的XMLHttpRequest if (xmlHttp.readyState == ...
- **区别FF，IE7，IE6**： ```css background:orange;*background:green !important;*background:blue; ``` IE6 只识别第一个声明 `background:orange`；IE7 识别 `!important` 并且可以解析带星号的规则，因此...
### CSS兼容IE6、IE7、FF的技巧详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器的特性和版本差异编写特定样式的技术。它可以帮助开发者解决跨浏览器兼容性问题。 ##### 1. 通用Hack方法 对于**IE6...
1. FF会将padding计入元素的总宽度和高度，而IE不会，可以通过`!important`来调整。 2. 垂直居中可以使用`line-height`与div高度相同并结合`vertical-align: middle`；水平居中可设置`margin: 0 auto`。 3. 给`a`...
- **盒模型**：IE使用自己的盒模型，其中content box包括border和padding，而Firefox遵循W3C标准，content box仅包含内容。这会影响元素的宽度和高度计算，需通过box-sizing属性进行调整。 - **透明度**：IE使用...