javascript - Firefox中的布局行为

因此，我一直在进行Web开发，并注意到在Firefox中，我的元素正向右推向下，这是应该的（在Chrome中是这样）。



我绝不是上师。有什么办法可以优先考虑包装和推送？我尝试插入换行符并将两者都设置为display：block。这似乎不是问题。

这是栏的CSS：

.tiq-editor-bar
{
    z-index:1;
    overflow:hidden;
    float:left;
    width:100%;
    border-top: solid 1px #AAA;
    text-align:center;
    display:none;
    position:relative;
    color:#AAA;
    font-weight:normal;
    font-size:14px;
}

这是图库包装器的CSS（白色轮廓线的东西）

#tiq-ui-gallery-wrapper
{
    min-height: 500px;
    background:url(../img/portfolio/empty.png) center no-repeat;
    overflow:hidden;
}

对于画廊本身：

.tiq-theme-gallery
{
    width:600px;
    height:400px;
    resize:vertical;
    border:solid 1px #eee;
    overflow:auto;
}

谢谢！

编辑：画廊是相对定位，顺便说一句。我正在使用环球免税店，这给了容器：

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
    display:block;
}

编辑编辑：

这是一个JSFiddle：

http://jsfiddle.net/RyBz9/2/

最佳答案

更改

.tiq-editor-bar
{
    float:left;
}

至

.tiq-editor-bar
{
    float:none;
}