IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。
要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。
转自网络，版权归首发作者所有
相关推荐
总结一下，解决IE6下CSS定义DIV高度问题的关键在于：1) 使用`overflow: hidden`隐藏溢出的内容，确保高度不受内容影响；2) 设置`font-size`为0，消除因字体大小而产生的额外高度。这两个技巧结合使用，能有效解决IE6...
默认情况下，IE6中的`body`标签并不支持`height:100%`。然而，可以通过设置`html`标签的`height:100%`来使得所有浏览器都支持`body`标签的`height:100%`。 - **解决方案**： 为了使所有浏览器支持`body`标签的`...
当两个浮动的DIV相邻时，IE可能会在它们之间显示3像素的间隙。解决方法包括使相邻元素也浮动，或者为已浮动的元素添加负margin。 8. **宽度和高度的问题**： IE不支持`min-`前缀，但它实际上把正常的width和...
- **问题描述**：在IE6/7中，当元素具有`hasLayout`属性时，即使设置了高度，也无法正确显示。 - **解决方案**：可以使用`*height: 0;`或`_overflow: hidden;`等私有CSS属性来解决问题。 ##### 4. **Form元素内子...
在互联网的早期，尤其是IE6浏览器占据主导地位的时代，开发者们常常会遇到一个棘手的问题：在页面上，当一个`div`层位于`select`下拉框之上时，`select`控件会穿透`div`层显示出来，导致设计效果无法正常展现。...
为了确保页面能够在IE7和IE8下正确显示，通常需要进行以下设置： - 如果希望页面在IE8中按照IE7的标准模式渲染，可以使用如下代码： ```html <meta http-equiv="X-UA-Compatible" content="IE=7"> ``` - 为了...
在CSS布局中，有时会遇到一个奇怪的现象：当设置了某个元素（如`<div>`）的左侧外边距（`margin-left`）为10像素时，在IE6下该外边距却显示为20像素。这种现象被称为“IE6双倍边距BUG”。 **示例代码：** ```css ...
在IE6中，存在一个默认的盒模型，称为怪异盒模型，它将边框和内边距计算在元素的宽度和高度之内，这与W3C标准盒模型不同。因此，当设置元素宽度和高度时，可能会在不同浏览器间出现差异。 例如，要创建一个宽度和...
本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法，涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...
IE8默认开启的是其最新的渲染模式，这可能与旧版IE7的渲染方式存在细微差别，但只要我们强制IE8使用IE7的渲染模式，就能使页面在IE8下表现得与IE7一致。实现这一目标，可以在页面的`<head>`部分添加以下代码： ```...
此外，IE6还有一个著名的“双倍边距BUG”，当一个浮动元素设置`margin-left`时，IE6会计算两次，解决办法是： ```css div { float: left; margin-left: 10px !important; /* 解决IE6双倍边距 */ margin-left: 10...
在探讨“css+div在IE中兼容”的问题时，我们面临着一个历史遗留下来的挑战：Internet Explorer（以下简称IE）浏览器由于其版本迭代过程中对CSS支持的不一致性，导致在开发基于CSS布局的网站时，需要特别注意跨浏览器...
解决这个问题的一个常见方法是在IE6下为该元素添加`display: inline;`。 ```css #IamFloat { float: left; margin: 5px; /* 其他浏览器使用5px */ *margin: 10px; /* IE6/7使用10px */ display: inline; /* ...
标题和描述中提到的问题是在IE9浏览器下DIV元素无法通过设置margin: 0px auto实现水平居中的问题。这个问题通常是由于IE浏览器的某些特定版本在解析CSS样式上的bug或者特性导致的。而描述中也提供了在IE9及以下版本...
问题描述：IE6 下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px。 知识点解析：在 IE6 中，默认的行高会导致容器的高度无法设置为 1px。解决这个问题...
5. 定义1px高度的容器：IE6的默认行高可能导致无法定义低高度的容器。可以通过`overflow:hidden`、`zoom:0.08`或`line-height:1px`来解决。 6. 层显示在Flash之上：为了让HTML层出现在Flash之上，需要在Flash的参数...
IE6中，由于默认的行高设置，很难创建高度仅为1px的容器。解决方案包括使用`overflow:hidden`，`zoom:0.08`或`line-height:1px`来克服这一限制。 6. **层显示在FLASH之上**： 如果需要一个层显示在Flash内容之上...
### DIV+CSS浏览器兼容方法的总结 ...虽然IE6/IE7等旧版浏览器的用户越来越少，但在某些情况下仍需考虑到它们的存在，尤其是在企业级应用中。希望本文提供的方法能够帮助大家更好地应对浏览器兼容性挑战。