`
likebin
  • 浏览: 6459 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css技巧--根本解决火狐下高度不自动撑开问题

阅读更多
很多朋友碰到火狐高度不自动撑开的问题
  今天下午遇到一个问题 弄了很久,有些人使用 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-必考题.docx

    DIV-CSS-必考题 CSS面试题目解析 1. 超链接访问过后 hover 样式不出现的问题...知识点解析:在 Firefox 中,嵌套 div 标签的居中问题可以使用 margin:auto 的方法来解决。这样可以在 Firefox 中实现 div 的居中放置。

    css浏览器兼容帮助文档

    - **问题描述**:当使用`float`布局时,如果未定义宽度,则Firefox中容器的宽度可能会被内容撑开,而在IE中则可能会自动换行。 - **解决方案**:对于可能被内容撑破的浮动容器,最好明确指定宽度(例如`width: 100...

    DIV+CSS必考题.pdf

    3. FF下文本无法撑开容器高度:Firefox等标准浏览器不支持通过内容自动调整固定高度容器的高度。要同时保持固定高度并允许内容撑开容器,可以使用`min-height`属性,并针对不支持此属性的IE6添加特殊样式。 4. 设置...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    标准浏览器(如Firefox)中,固定高度的容器不会像IE6那样被内容自动撑开。若希望固定高度并能被内容撑开,可以使用`min-height`替代`height`。同时,为了兼容IE6,可以这样写CSS:`height:auto!important; height:...

    div控制最小高度又自适高度

    然而,从IE7开始以及Firefox浏览器,这种行为不再默认发生,它们不会自动调整父容器的高度。这就需要我们寻找一种方法来兼容不同的浏览器,使得`div`能同时具备最小高度和自适应高度的特性。 解决这个问题的一种...

    浏览器兼容性汇总

    - **Firefox等其他浏览器**: 可能会出现文本无法撑开容器高度的情况。 **解决方案**: 使用Flex布局或Grid布局来确保文本能够撑开容器高度。 以上列举了常见的浏览器兼容性问题及其解决方案,开发者在开发过程中应...

    浏览器兼容性问题

    - **问题描述**:在Firefox中,文本可能无法自动撑开容器的高度。 - **解决方法**:使用`display: flex; align-items: stretch;`来确保文本能撑开容器的高度。 综上所述,解决浏览器兼容性问题的关键在于深入理解...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    ### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代,如IE6、IE7以及较早版本的Firefox等...

    软件工程师 面试题 DIV+CSS_必考题

    Firefox等标准浏览器中,固定高度的容器不会被内容自动撑开。要实现既固定高度又能根据内容自适应,可以使用`min-height`,同时为了兼容IE6,可以设置`height:auto!important; height:200px; min-height:200px;`。 ...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...

    前端兼容问题大全

    在IE和FireFox中,高度不适应的处理方式不同。解决方法是使用统一的方法来处理高度不适应。 三十四、IE6下图片下有空隙产生 在IE6中,图片下有空隙产生的处理方式不同。解决方法是使用统一的方法来处理图片下有...

    浏览器不兼容问题解决方案[归类].pdf

    避免在Firefox中给容器设置固定高度(`height`),因为这可能导致内容溢出。在IE中,内容会自动撑开容器的高度。如果需要固定高度,可以使用`min-height`代替,并确保内容的布局能够适应不同浏览器的处理方式。 3....

    div+css布局中常用方法汇总.pdf

    13. **Flash遮挡问题**:通过设置`wmode="opaque"`可以解决Flash遮挡其他元素的问题,对IE和Firefox分别在`param`和`embed`标签中设置。 14. **图片边距问题**:在IE6中,图片默认有额外边距,设置`display:block`...

    div+css布局中常用方法汇总.docx

    12. **高度不适应问题**:解决高度不适应通常需要通过增加`padding`或`border`,或者通过设置`overflow:hidden`来触发浏览器重新计算高度。 13. **浏览器兼容性测试**:在制作网页时,必须考虑宽屏浏览器下的表现,...

    用clearfix:after消除css浮动解决外部div不能撑开问题

    标题中提到的问题正是这种现象的一个实例:当内部的`div`元素设置为浮动后,外部的容器`div`不会自动调整其高度以适应内部浮动元素。这种情况在Firefox等遵循W3C标准的浏览器中尤为常见。 为了解决这个问题,我们...

    火狐在用offsetHeight获取div的高度时为0的解决方法

    这种问题经常出现在不直接设置div高度,而是在页面加载后动态添加内容的场景。offsetHeight属性用于获取元素的可视高度,包括元素的边框、水平滚动条(如果存在)、内边距和内容区域的总高度。 要解决这个问题,...

Global site tag (gtag.js) - Google Analytics