IE不管设置div的高度与否,都会根据内容来自适应高度。但是FIrefox就不会。
========================================
1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>Jimbor Studio</div>。
========================================
2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:
<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>
3.采用js 直接给div赋值
分享到:
相关推荐
3. **填充(Padding)与尺寸**:Firefox会在设置`padding`后自动调整`div`的`height`和`width`,而IE则不会。为解决这个问题,可以使用`!important`强制为Firefox设置`height`和`width`。 4. **`!important`规则**...
3. **高度和宽度的适应**:Firefox在应用`padding`后会自动调整`div`的高度和宽度,而IE不会。为了解决这个问题,可以在IE不支持的`!important`规则中,为Firefox特别设定`height`和`width`。 4. **使用!important*...
然而,从IE7开始以及Firefox浏览器,这种行为不再默认发生,它们不会自动调整父容器的高度。这就需要我们寻找一种方法来兼容不同的浏览器,使得`div`能同时具备最小高度和自适应高度的特性。 解决这个问题的一种...
以上所述只是部分解决`div+css`在IE6-9和Firefox兼容性问题的方法,实际开发中可能还需要针对具体情况进行调整。不断学习和实践,才能更好地掌握兼容性问题的解决技巧。阅读提供的资料如"十年积累)div+css 完全兼容...
- 要使容器自动适应内容高度,可使用`overflow: hidden;`,但这可能导致滚动条的隐藏,需根据需求权衡。 以上只是部分CSS兼容性问题的解决方案,实际开发中可能遇到更多复杂情况。保持良好的编码习惯,使用最新的...
以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,这有助于使浏览器以标准模式...
本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...
本文旨在详细介绍如何通过 CSS hack 技术以及调整 CSS 属性来解决 IE6、IE7 及 Firefox 之间的兼容性问题。 #### 二、CSS Hack 技术 CSS Hack 是一种特殊的 CSS 编写技巧,用于向特定版本的浏览器提供不同的样式...
然而,不同的浏览器对于CSS的支持程度和解析方式存在差异,特别是老版本的Internet Explorer(IE6、IE7、IE8)与Firefox等其他浏览器之间。以下是对这些浏览器中CSS兼容性问题的详细解释和解决方案。 1. **高度不...
这是因为IE会自动将当前事件赋值给`window.event`,而Firefox等其他现代浏览器则不会这样做。 #### 二、鼠标事件坐标 接下来是鼠标事件的坐标问题。在不同浏览器中,获取鼠标位置的方法也有所不同。例如,在IE中,...
在Firefox中,设置`display: block`和`float: left`可以创建一个固定高度的菜单栏,但在IE中,相同的代码可能导致菜单栏的高度异常。为了解决这个问题,可以使用`height`属性,并确保所有浏览器都正确解析。 #### 8...
在标准模式下(例如在Firefox或IE8中),元素的高度通常是根据其内容自动调整的。然而,在IE6中,如果元素的高度没有被显式定义,则可能不会正确地反映其内部内容的实际高度。 **问题示例:** 假设有一个`<div>`...
该方法兼容主流浏览器,包括IE6、IE7、IE8以及Firefox等。其中,对于IE6/7/8等较老版本的浏览器,使用了`zoom`属性和`expression`函数来解决它们的兼容性问题。 #### 使用场景 这种技术特别适用于需要展示大量图片...
在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...
14. **高度动态问题**:在IE中,包含浮动元素的容器可能无法自动调整高度,使用`overflow:hidden;zoom:1;`可以触发IE的布局属性,使高度适应内容。 这些是解决IE和Firefox之间CSS兼容性问题的一些常见策略。在实际...