很多朋友碰到火狐高度不自动撑开的问题
今天下午遇到一个问题 弄了很久,有些人使用 min-height:500px; height:auto !important; height:100%
来解决火狐浏览器下高度自动,可是我觉得使用 min-height 是一个 治标不治本的方法
最后我找到一个解决方法:
如下
在样式表里面加入以下样式,在div结尾处写如如下样式代码
.clear{display: block;clear: both;}
例子:
<div id="content">
.......
......
<!--兼容火狐高度自动撑开 -->
<div class="clear"></div>
<!--end-->
</div>
希望对大家有所帮助 !
分享到:
相关推荐
DIV-CSS-必考题 CSS面试题目解析 1. 超链接访问过后 hover 样式不出现的问题...知识点解析:在 Firefox 中,嵌套 div 标签的居中问题可以使用 margin:auto 的方法来解决。这样可以在 Firefox 中实现 div 的居中放置。
- **问题描述**:当使用`float`布局时,如果未定义宽度,则Firefox中容器的宽度可能会被内容撑开,而在IE中则可能会自动换行。 - **解决方案**:对于可能被内容撑破的浮动容器,最好明确指定宽度(例如`width: 100...
3. FF下文本无法撑开容器高度:Firefox等标准浏览器不支持通过内容自动调整固定高度容器的高度。要同时保持固定高度并允许内容撑开容器,可以使用`min-height`属性,并针对不支持此属性的IE6添加特殊样式。 4. 设置...
标准浏览器(如Firefox)中,固定高度的容器不会像IE6那样被内容自动撑开。若希望固定高度并能被内容撑开,可以使用`min-height`替代`height`。同时,为了兼容IE6,可以这样写CSS:`height:auto!important; height:...
然而,从IE7开始以及Firefox浏览器,这种行为不再默认发生,它们不会自动调整父容器的高度。这就需要我们寻找一种方法来兼容不同的浏览器,使得`div`能同时具备最小高度和自适应高度的特性。 解决这个问题的一种...
- **Firefox等其他浏览器**: 可能会出现文本无法撑开容器高度的情况。 **解决方案**: 使用Flex布局或Grid布局来确保文本能够撑开容器高度。 以上列举了常见的浏览器兼容性问题及其解决方案,开发者在开发过程中应...
- **问题描述**:在Firefox中,文本可能无法自动撑开容器的高度。 - **解决方法**:使用`display: flex; align-items: stretch;`来确保文本能撑开容器的高度。 综上所述,解决浏览器兼容性问题的关键在于深入理解...
本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...
### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代,如IE6、IE7以及较早版本的Firefox等...
Firefox等标准浏览器中,固定高度的容器不会被内容自动撑开。要实现既固定高度又能根据内容自适应,可以使用`min-height`,同时为了兼容IE6,可以设置`height:auto!important; height:200px; min-height:200px;`。 ...
针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...
在IE和FireFox中,高度不适应的处理方式不同。解决方法是使用统一的方法来处理高度不适应。 三十四、IE6下图片下有空隙产生 在IE6中,图片下有空隙产生的处理方式不同。解决方法是使用统一的方法来处理图片下有...
避免在Firefox中给容器设置固定高度(`height`),因为这可能导致内容溢出。在IE中,内容会自动撑开容器的高度。如果需要固定高度,可以使用`min-height`代替,并确保内容的布局能够适应不同浏览器的处理方式。 3....
13. **Flash遮挡问题**:通过设置`wmode="opaque"`可以解决Flash遮挡其他元素的问题,对IE和Firefox分别在`param`和`embed`标签中设置。 14. **图片边距问题**:在IE6中,图片默认有额外边距,设置`display:block`...
12. **高度不适应问题**:解决高度不适应通常需要通过增加`padding`或`border`,或者通过设置`overflow:hidden`来触发浏览器重新计算高度。 13. **浏览器兼容性测试**:在制作网页时,必须考虑宽屏浏览器下的表现,...
标题中提到的问题正是这种现象的一个实例:当内部的`div`元素设置为浮动后,外部的容器`div`不会自动调整其高度以适应内部浮动元素。这种情况在Firefox等遵循W3C标准的浏览器中尤为常见。 为了解决这个问题,我们...
这种问题经常出现在不直接设置div高度,而是在页面加载后动态添加内容的场景。offsetHeight属性用于获取元素的可视高度,包括元素的边框、水平滚动条(如果存在)、内边距和内容区域的总高度。 要解决这个问题,...