`
nakupanda
  • 浏览: 421386 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Firefox 下的嵌套DIV margin问题

阅读更多
<body style="margin:0;height:0;">
<div id="a0" style="background-color:#333333;height:500px;">
<br style="line-height:0;"/>

//问题存在于--不加入br这一行,在FireFox中a1的margin-top:20px将会在a0上作用,使a0上方与body间有20px的间距,a1与a0的上方没有间距,而IE内正常显示


<div id="a1" style="background-color:#000000;margin-top:20px;height:100px;"></div>
<div id="a2" style="background-color:#000000;margin-top:20px;height:100px;"></div>
</div>
</body>
分享到:
评论

相关推荐

    DIV多层嵌套margin-top的BUG问题

    当一个`&lt;div&gt;`元素作为另一个`&lt;div&gt;`的子元素,并且它们之间没有其他元素分隔时,Firefox会将内层`&lt;div&gt;`的`margin-top`值应用于其父元素。这种行为在Internet Explorer 6和7中并不发生,而在IE8以及更现代的浏览器...

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

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

    CSS在IE6 IE7与FireFox下的兼容问题整理

    【CSS在IE6 IE7与FireFox下的兼容问题】 在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准...

    网页Object标签遮盖DIV标签解决方法

    虽然这个问题在IE11中被强调,但也要确保在其他主流浏览器(如Chrome、Firefox、Safari和Edge)中进行测试,因为不同的浏览器可能有不同的渲染规则。 通过这些方法,你可以有效地解决`&lt;Object&gt;`标签遮盖`&lt;div&gt;`...

    (十年积累)div+css_完全兼容ie6_ie7_IE8_IE9_和firefox方法.doc

    **Firefox**:当为 `body` 设置 `text-align` 时,`div` 需要设置 `margin: auto`(主要是 `margin-left` 和 `margin-right`)才能居中。 4. **Firefox**:设置 `padding` 后,`div` 的高度和宽度会增加,而 IE ...

    DIV+CSS必考题.pdf

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

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

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

    CSS多浏览器兼容性(IE和Firefox)技巧大全推荐

    在网页设计中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器。本文将详细阐述一些针对IE和Firefox的CSS兼容性处理技巧。 首先,要...

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

    8. **Firefox嵌套div居中问题** 在Firefox中,嵌套的div通过设置父级的`text-align:center`来居中可能会失效。要使子div在Firefox中水平居中,可以给子div设置`margin: 0 auto;`,这将在所有主流浏览器中有效。 ...

    DIV-CSS-必考题.docx

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

    div+css 兼容性总结

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

    在IE和火狐浏览器下页面兼容性问题的处理(最完整篇

    7. **捉迷藏问题**:当div嵌套复杂时,内容可能会在某些情况下不可见。解决方法包括使用`line-height`属性或给div设定固定的高和宽,同时保持页面结构简洁。 8. **浮动div的闭合问题**:在CSS布局中,使用浮动(`...

    前端开发技术基础知识

    6. **嵌套div的y轴问题**:Firefox和IE在处理嵌套div的垂直间距时有差异。Firefox会考虑父div的padding和子div的margin,而IE只取两者中的较大值。为保持兼容性,可能需要调整元素的padding和margin。 7. **傻瓜式...

    div+css浏览器兼容问题解决方法

    本文旨在深入探讨DIV+CSS在不同浏览器(尤其是IE6/7与Firefox)之间的兼容性差异,并提供一系列实用的解决方法。 #### CSS技巧与兼容性调整 1. **DIV的垂直居中** - 使用`vertical-align: middle;`仅适用于行内...

    CSS在不同浏览器中兼容问题

    * Firefox 中可以实现 div 垂直居中的问题,解决方法是设置 vertical-align:middle; 和 line-height * IE 中无法实现 div 垂直居中的问题,解决方法是使用其他方法实现垂直居中 六、链接和背景色的问题 * Firefox ...

    IE与火狐常见的区别

    - **问题**:当设置`div`元素的`margin-left`和`margin-right`为`auto`以实现居中布局时,IE浏览器需要将`div`嵌套在`body`内才能正确显示。同时,在处理文本对齐(`text-align`)时,IE和Firefox的表现也有所不同。 -...

    DIV+CSS_IE-FF兼容.pdf

    由于不同浏览器(例如Internet Explorer和Firefox)对于CSS的支持程度和解析方式存在差异,导致了浏览器兼容性问题的出现。本文将根据提供的材料,深入探讨几种常见的兼容性问题及其解决方案。 #### 二、文字大小的...

    IE和FIREFOX下CSS的区别与解决方法第1/2页

    - **IE与Firefox的表现**:在这种情况下,即使外部`DIV`设置了`height:auto`,在某些浏览器下仍然无法正确调整高度。 **解决策略**: - 在外部`DIV`的末尾添加一个空的`DIV`,并为其设置以下CSS样式: ```css ...

    css浏览器兼容问题

    8. **div嵌套p的空白行问题**: FF、Opera、Chrome会在`div`内`p`元素前后产生空白行,通过设置`p{margin:0px;}`和`div{padding-top/bottom}`来消除。 9. **IE6-7图片下有空隙问题**: 可以通过让`&lt;/div&gt;`与`...

    前端面试题汇总1

    12. **a:hover img的CSS伪类问题**:在IE6下,`a:hover img`的CSS规则无法改变图片宽度,但在IE7和Firefox中有效。可以使用JavaScript或jQuery进行兼容处理。 13. **非链接的`:hover`状态**:IE6不支持`div:hover`...

Global site tag (gtag.js) - Google Analytics