【问题标题】:Known "position:relative" issues in Firefox 2.x?Firefox 2.x 中已知的“位置:相对”问题?
【发布时间】:2010-03-10 15:00:03
【问题描述】:

处女帖。

FF2/Windows 如何处理 div 的相对定位是否存在任何已知问题?

Windows 上的 IEx / Chrome,Mac 上的 FF3x / Safari 4x 渲染良好。如果编码不正确,我认为 IE 肯定会冲我咆哮。


<!--example-->
#parent_div {width:200px; height:100px; position:relative;}
#child_div {width:100px; height:50px; position:absolute;}

<div> <div id="parent_div"> <div id="inner_div">foobar</div> </div> </div>

【问题讨论】:

    标签: firefox css


    【解决方案1】:

    我没有看到任何错误。您的示例在 IE、Firefox、Opera、Chrome 和 Safari 中对我来说是相同的。 “child_div”与“inner_div”之间的名称不匹配可能是一个问题,但修复该问题仍会导致所有浏览器的布局相同。

    【讨论】:

    • 谢谢。之前的代码只是一个例子。这是实际代码 - profootballweekly.com 具体来说,是网站顶部的实时比分小部件。在 FF2(0.0.20) 中,小部件飞出到页面的右侧。
    • 这是由具有“float:left”的小部件上方的浮动引起的。 Firefox 正在尝试将小部件定位在导航右侧的空间中,而不是在其下方。可以通过告诉小部件“清除:左”来修复。
    猜你喜欢
    • 1970-01-01
    • 2013-06-06
    • 1970-01-01
    • 2011-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-25
    • 1970-01-01
    相关资源
    最近更新 更多