2 
XUL box for div element contained an inline br child, forcing all its children to be wrapped in a block.

这只是一个警告，但不是致命错误，网页不会出现任何问题，但它发生在我的 firebug 控制台中，这很烦人，如何防止这种情况发生？或者如何忽略萤火虫中的这些错误？

我怀疑这是因为：

#top_icon01{
    position:relative;
    background-image : url('../hill_header/img/top_Icon_i01.png');
    background-repeat : no-repeat;
    background-size : 56px 56px;
    background-position: 50% 20px;
    width : 172px;
    height : 130px;
    padding-top : 25px;
    text-align: center;
    display:block;
    display:-webkit-box;
    display:-moz-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -moz-box-pack:center;
    -moz-box-align:center;
}

我提供了更多细节：我没有勾选 show chrome error，看到这很烦人。 在此处输入图像描述 如果我删除顶部标题：

<div id='topHeader'>
    <section id='top_middle_panel'>
        <div id='top_ryan'>
        <span class='float'> 
            <div id='top_icon01' class='top_icons'> 
                <h1>Design</h1><br><h6>Create Value</h6>
            </div>
        </span>
        <span class='float'> 
            <div id='top_icon02' class='top_icons'> 
                <h1>Multimedia</h1><br><h6>Amazing Presentation</h6>
            </div>
        </span>
        <span class='float'> 
            <div id='top_icon03' class='top_icons'> 
                <h1>Marketing</h1><br><h6>Connect to The World</h6>
            </div>
        </span>
        </div>
    </section>
</div>

没有更多的错误。

4

1 回答 1

6

编辑：改变我的答案

我已经在 jsFiddle 中复制了它！http://jsfiddle.net/brianpeiris/KEsZh/show/

由于您已将 top_icon div 设置为使用灵活框模型（显示：-moz-box），Firefox 会警告您已将 a<br />直接放入其中，然后强制它将这些 div 的内容包装在另一个块中，所以它抱怨这一点（也许是不必要的）。

因此，为了阻止 Firefox 抱怨，您可以将 top_icon div 的内容明确地包装在另一个 div 中。这让 Firefox 很高兴。

<div id='topHeader'>
    <section id='top_middle_panel'>
        <div id='top_ryan'>
        <span class='float'> <div id='top_icon01' class='top_icons'><div><h1>Design</h1><br><h6>Create Value</h6></div></div></span>
        <span class='float'> <div id='top_icon02' class='top_icons'><div><h1>Multimedia</h1><br><h6>Amazing Presentation</h6></div></div></span>
        <span class='float'> <div id='top_icon03' class='top_icons'><div><h1>Marketing</h1><br><h6>Connect to The World</h6></div></div></span>
        </div>
    </section>
</div>

或者，您可以删除<br />并找到另一种解决方案来格式化您的内容。

于 2012-11-29T03:39:00.083 回答