`
andrew1024
  • 浏览: 74200 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)

FirefoxCSSIE浏览器 
阅读更多
做一个浏览器兼容的项目老是遇到这样的问题！把这个解决方法记下来：

之前遇到Div不自适应高度解决的办法就是在最底下加多个空的Div清除两边的浮动,代码如下:

<div style="clear:both"></div>

不过应用这个方法如果Div嵌套过多中间浮动过于复杂容易使页面乱掉而，最近找到了新的处理办法，就是可以直接在外层想让其"自适应高度"的Div添加以下属性：

style="height:100%; overflow:auto;"

呵呵，然后发现一个很奇怪的现象，就是如果只添加"height:100%; "(设置高度100%)就IE下可以自适应高度而FireFox不行，如果只添加"overflow:auto; "(设置溢出自动)就FireFox下可以自适应高度而IE不行，所以完美的解决办法就是"height:100%; overflow:auto;"两个属性同时添加进去就可以了...
分享到：
| 解决IE7不能自适应高度 及各种bug解决方 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    子div含float，父div高度自适应的div+css布局写法

    div+css高度自适应网页布局，子div含float，父div高度自适应，已经通过测试的浏览器：ie6、ie7、ie8、火狐、Chrome。 代码来源： http://www.positioniseverything.net/articles/onetruelayout/equalheight

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

    以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法： 1. **DOCTYPE声明**：确保在HTML文档开头使用正确的DOCTYPE声明，如`&lt;!DOCTYPE html&gt;`，这有助于使浏览器以标准模式...

    div+css静态文章模板（兼容火狐，IE6，IE7）

    在本篇文章中，我们将深入探讨“div+css静态文章模板”的设计原理、实现方法以及如何实现对火狐、IE6和IE7等主流浏览器的良好兼容性。 一、Div+CSS基础 Div（Division）是HTML中的一个布局元素，用于分隔网页内容...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`&lt;!DOCTYPE...

    div+css常见兼容性问题

    这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异，尤其是老版本的Internet Explorer（如IE6和IE7）与其他浏览器（如Firefox、Chrome等）之间。 首先，我们来探讨一下通用的解决方案。`height`属性在...

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

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

    (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.docx

    然而，不同的浏览器对于CSS的支持程度和解析方式存在差异，特别是老版本的Internet Explorer（IE6、IE7、IE8）与Firefox等其他浏览器之间。以下是对这些浏览器中CSS兼容性问题的详细解释和解决方案。 1. **高度不...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    然而，不同浏览器对CSS的支持程度并不完全一致，尤其是在IE6、IE7和Firefox（FF）之间，存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先，对于CSS兼容性问题，一种常见的解决方案是...

    Div+CSS网站设计的优点

    1. **兼容性强**：Div+CSS布局方式兼容多种浏览器，包括IE、Chrome、Firefox等主流浏览器，能够确保网站在不同平台上的显示效果一致性。 2. **支持多媒体集成**：借助CSS3的新增特性，可以轻松实现多媒体元素（如...

    div+css 兼容性总结

    本文将深入探讨`div+css`在IE6、IE7和Firefox等主流浏览器中的兼容性问题及解决方案。 1. **宽度与边距问题** - `div`的宽度计算方式在IE6、IE7和Firefox中有所不同。它们都会将`width`、`padding`和`border`算入...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”，我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响，以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...

    div+css兼容所有浏览器的一些注意事项

    2. **居中对齐**：在Firefox中，`div`通过设置`margin-left`和`margin-right`为`auto`可以居中，而Internet Explorer（IE）则需要配合`text-align: center`。对于Firefox，可以在`body`上设置`text-align: center`，...

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

    在Firefox中，嵌套div的居中可以通过设置子div的`margin: 0 auto;`实现，例如： ```css #b { margin: 0 auto; } ``` 这样，子div `b` 将在父div `a` 内部水平居中。 掌握这些DIV+CSS的面试知识点，可以帮助...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    div+css中常见的浏览器兼容性处理

    特别是在使用div+css布局时，由于IE6、IE7和Firefox等浏览器对CSS的支持程度不同，兼容性问题尤为突出。本文将详细介绍如何处理这些兼容性问题。 首先，我们来看CSS中的`!important`规则。`!important`可以强制应用...

    div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)

    我们在用DIV+CSS布局文章内容页面的时候，往往会让DIV或其他元素自适应高度，可是当发布者发布的内容比较少的时候，比如只有一行字，那内容部分就变的很小，不美观，可是我们直接设置一个高度的话，当内容很多时又会...

    最小高度能自适应高度IE.FF全兼容的div设置.rar

    标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点，主要涉及到CSS（层叠样式表）中的最小高度（min-height）属性以及如何实现跨浏览器的兼容性...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展，浏览器种类日益增多，其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期，IE6、IE7 和 ...

    IE6的双倍边距和火狐自适应高度

    需要注意的是，这种方法虽然解决了IE6下的双倍边距问题，但在其他现代浏览器（如Firefox、IE8等）中可能导致布局错乱。这是因为将`div`设置为内联元素后，它不再占据整行宽度，而是只占据其实际宽度，这可能与预期的...

Magicbox
Global site tag (gtag.js) - Google Analytics