Firefox中的布局行为

所以我一直在玩Web开发，我注意到，在Firefox中，我的元素被推向右侧，而不是向下，这应该是（它发生在Chrome中）。Firefox中的布局行为

enter image description here

我绝不是一个大师。有什么方法可以优先考虑包装与推送？我试图插入换行符并设置它们以显示：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; 
}

这是画廊包装（白出林立的东西）

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

而对于画廊本身的CSS：

.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/

来源

2012-02-08 Kevin Wang

没有足够的信息。需要一个jsfiddle或链接。根据我的发现，'调整大小'在任何带有标准语法的浏览器中都不起作用，尽管它可能适用于webkit。 – Rob 2012-02-09 00:48:36

调整大小真的没有任何作用 – 2012-02-09 01:22:12

更新：在这里你去，JSFiddle发布：http://jsfiddle.net/RyBz9/2/ – 2012-02-09 01:32:33

变化

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

到

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

来源

2012-02-09 01:53:57

太棒了。非常感谢。 – 2012-02-09 03:27:19

我很高兴我能帮到你。 :-)也许你可以删除这个'float'行而不是改变它。 – 2012-02-09 03:30:09

是的，这是我忘记删除旧布局的遗留物。 – 2012-02-09 07:57:13

Firefox中的布局行为

回答

相关问题