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中的佈局行爲

回答

相關問題