`

在firefox div 容器高度问题

    博客分类：
  • Flex
FirefoxCSS 
阅读更多

在DIV+CSS开发中， 有如下：

<div id="main">
   <div id="left"> 左 </div>
   <div id="right"> 右 </div>
   <div style='clear:both;'></div> // 这个需要加上， 否则main div 高度 会小于left 和right 
</div>

 

分享到：
| 在CSS中加入事件
评论
发表评论

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

相关推荐

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

    `在IE7、Firefox以及其他支持`min-height`属性的浏览器中起作用，它定义了`div`的最小高度。当内容高度小于100px时，`div`将保持100px的高度；如果内容高度超过100px，`div`则会根据内容自动增加高度。 通过这种...

    firefox与ie css+div兼容大全

    在网页设计中，Firefox与IE（尤其是Internet Explorer）之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案： 1. **DOCTYPE的影响**：DOCTYPE声明会影响浏览器进入不同...

    DIV未知高度的垂直居中代码.rar

    这包括了Firefox（火狐）、Opera（欧朋）和Internet Explorer（IE）等流行浏览器的老版本，其中IE6.0和5.0是特别知名的，因为它们对某些CSS和JavaScript特性支持有限，因此能在这些老版本中运行表示代码的兼容性很好...

    CSS解决未知高度的DIV垂直居中

    - Firefox 1.5 - Opera 9.0 - Internet Explorer 6.0 - Internet Explorer 5.0 #### 结论 通过上述方法，我们可以有效地解决未知高度的`DIV`元素垂直居中的问题。这种方法不仅具有良好的兼容性，而且代码简洁，...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    3. **高度和宽度的适应**：Firefox在应用`padding`后会自动调整`div`的高度和宽度，而IE不会。为了解决这个问题，可以在IE不支持的`!important`规则中，为Firefox特别设定`height`和`width`。 4. **使用!important*...

    可上下左右拖动的jQuery分割div容器插件

    - **兼容性**：作为一款基于jQuery的插件，split.js具有良好的浏览器兼容性，覆盖了主流的现代浏览器，如Chrome、Firefox、Safari和Edge等。 **2. 使用步骤** - **引入jQuery和split.js**：首先，在HTML文件中引入...

    IE与Firefox的CSS兼容问题

    本文将深入探讨IE与Firefox在CSS解析上的主要差异，以及如何解决这些兼容性问题。 #### 1. DOCTYPE对CSS的影响 文档类型声明（DOCTYPE）对CSS的解析有着直接影响。在标准模式下，即当网页声明为HTML5或XHTML 1.0 ...

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

    IE 浏览器滚动条颜色、定义 1px 高度的容器、让层显示在 FLASH 之上、使一个 div 层居中于浏览器中、Firefox 浏览器中嵌套 div 标签的居中问题等八个问题。 一、超链接点击后 hover 样式消失 解决方法：改变 CSS ...

    div+css_兼容ie6_ie7_ie8_ie9和FireFox_Chrome等浏览器方法

    本文将详细介绍如何使基于div+css布局的网页在Internet Explorer（IE6, IE7, IE8, IE9）及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明（DOCTYPE）是HTML文档的第一行，它...

    div+css常见兼容性问题

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

    IE和Firefox之间兼容性问题

    - **问题描述**：在某些情况下，需要将内容垂直居中于一个DIV容器中。 - **解决方案**： - 使用`vertical-align: middle;`和`line-height`配合使用可以使内容垂直居中。 - 示例代码： ```css .center-vertical {...

    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;`，这有助于使浏览器以标准模式...

    ie和火狐浏览器兼容问题

    4. **FF: 设置padding后，div会增加height和width，但IE不会**：为了解决这个问题，可以在Firefox中使用`!important`属性，比如`height: 100px !important; width: 100px !important;`，确保Firefox应用这些样式，而...

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

    - 为了在Firefox中显示边框和背景色，链接需设置`display: block`和`float: left`，并可能需要设置高度以防止底部错位。 6. **BOX模型问题** - 解决Firefox和IE盒模型差异的常见方法是使用负边距，或者使用`!...

    js解决div内图片自适应大小

    在网页设计中，让图片在div容器中自适应显示是一个常见的需求。这涉及到CSS样式、JavaScript以及浏览器兼容性的问题。本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示，并兼容不同浏览器...

    DIV+CSS必考题.pdf

    8. Firefox中嵌套div的居中问题：在Firefox中，若要使嵌套的div在父div中水平居中，可以设置子div的`margin: 0 auto`。这种方法在IE中也有效，但Firefox有时需要额外处理。 这些知识点都是DIV+CSS布局中常见的问题...

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

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

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