ie里面宽和高的像素，已经包含了"边框"与"内补丁"，而ff里面所指的宽和高指内补丁里面的内容不包括边框，内外补丁。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
.box{
margin: 10px; padding: 10px;
border: 10px solid #F8F8F8;
background-color: #0099CC;
height: 100px; width: 100px;
float: left;
}
.box1 { background-color: #0000FF;
height: 100px; width: 10px;
float: left;
}
body { margin: 0px; padding: 0px;}
</style>
</HEAD>
<BODY style="background-color: #FF0000">
<div class="box">
</div>
<div class="box1">
</div>
</BODY>
</HTML>
要使IE和FF显示同样的效果，可以在css样式里加一个!important，这样不是IE的浏览器会优先选择。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
.box{
margin: 10px; padding: 10px;
border: 10px solid #F8F8F8;
background-color: #0099CC;
/*如果不是IE优先使用60，如果是IE，使用100*/
height: 60px!important; width: 60px!important;
height: 100px; width: 100px;
float: left;
}
.box1 { background-color: #0000FF;
height: 100px; width: 10px;
float: left;
}
body { margin: 0px; padding: 0px;}
</style>
</HEAD>
<BODY style="background-color: #FF0000">
<div class="box">
</div>
<div class="box1">
</div>
</BODY>
</HTML>
分享到：
相关推荐
border:1px solid #000`的`div`在IE中的实际尺寸是100px宽和100px高，而在Firefox中则是102px宽和102px高。 2. **CSS优先级处理**： - FF支持使用`!important`来优先应用CSS规则，而IE则对此支持有限。为确保跨...
特别是在早期浏览器版本中，如Internet Explorer 6（IE6）、IE7 和 IE8，由于这些浏览器对于CSS的支持存在较大差异，导致网页在不同浏览器中的显示效果大相径庭。本文将详细介绍如何解决div错位问题以及针对IE6、IE7...
"IE6中列表挡住div的解决"这个话题正是关于此类问题的一个经典实例。Internet Explorer 6（简称IE6）是微软公司早期推出的浏览器版本，因其独特的渲染引擎，经常会给开发者带来不少头疼的问题。在本文中，我们将深入...
### DIV+CSS 兼容性 IE FF：深入探讨浏览器间的差异与共通点 #### 一、引言 随着Web技术的发展，DIV+CSS布局已成为网页设计中的主流方式。然而，在实际开发过程中，不同的浏览器（如Internet Explorer 6/7/8、Fire...
需要注意的是，这些解决方案虽然能有效解决IE6中的问题，但在更现代的浏览器中可能不再适用，因为它们增加了额外的DOM元素和可能的性能开销。随着IE6的逐渐淘汰，开发者应考虑支持现代浏览器的标准做法，如使用...
### IE和FF浏览器的兼容性解决方案 在网页开发过程中，不同浏览器之间的兼容性问题一直是个挑战。...通过上述解决策略，开发者可以在一定程度上缓解IE和FF之间的兼容性问题，提高网页在不同浏览器中的表现一致性。
本文将基于实际经验与网络资源，总结Internet Explorer (IE) 和 Firefox (FF) 在常用网页布局与元素样式上的差异，并提供相应的解决方案。 #### 1. Div 自动居中的兼容性问题 - **问题描述**：在设置 `div` 的 `...
"解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子，它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中，我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序，从而让某些元素...
FF（Firefox）和IE（Internet Explorer）作为两大主流浏览器，它们对CSS的解析方式存在一定的差异，这使得开发者需要进行额外的工作来确保页面在不同浏览器下展示一致。本文将深入探讨FF和IE之间的CSS兼容性问题，...
- **IE盒模型**：在IE6及更早版本中，盒模型计算宽度时包含了边框和内填充，导致元素的实际宽度比声明的宽度大。 - **W3C盒模型**：Firefox、Chrome等现代浏览器遵循W3C标准，盒模型的宽度不包含边框和内填充。 ...
在网页设计中，`DIV+CSS`是一种常见的布局方式，然而不同版本的Internet Explorer（IE6、IE7和IE8）对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致，增加了开发者的调试难度。下面...
本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的CSS Hack技巧，使网页能够优雅地适应这些浏览器。 #### CSS Hack详解 **1\. IE6/IE7与Firefox的CSS Hack** 在CSS中，可以通过...
在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...
然而，不同浏览器对CSS的支持程度并不完全一致，尤其是在IE6、IE7和Firefox（FF）之间，存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先，对于CSS兼容性问题，一种常见的解决方案是...
本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer（IE6、IE7、IE8、IE9）之间的CSS差异。以下是一些关键知识点的详细说明： 1. **CSS Hack**： - CSS Hack...
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
但是，在IE和Firefox中，这种方法的表现不同。一个可行的方案是通过调整`line-height`的值来实现元素的垂直居中。 7. **光标样式** 设置`cursor: pointer`会使鼠标在悬停时变为手形指针。在IE中，这通常表示可...