爲什麼我的div無法排隊？

divs排列在我的JsFiddle上完美排列，但它們不在我的website上工作。爲什麼我的div無法排隊？

我相信問題源於我的聯繫表單，因爲當我將我的聯繫表單移動到兩個div下方時，他們會正確排列。

有什麼建議嗎？

來源

2012-06-07 Abijah

您不清除<div class="form">元素中的花車。

針對您的問題的兩個很好的解決方案是將overflow: hidden添加到.form或將clear: both添加到#text。

來源

2012-06-07 02:10:36 Wex

我真的很感激。謝謝，Wex。 – Abijah

當然，任何時候。 – Wex

它的工作，因爲他們的復位CSS上的jsfiddle：

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin: 0; 
    padding: 0; 
}

你的情況，這是因爲它具有比該行的其餘部分更大的高度h2的。它導致你的藍色div在h2結束時開始。

這應該做的伎倆：

.form h2 { 
    font-size: 26px; 
    font-weight: 200; 
    text-shadow: 1px 1px 1px #CFCFCF; 
    color: #999; 
    float: left; 
    padding-left: 20px; 
    margin: 20px 0; 
}

PS：@Wex的答案是清潔;）

來源

2012-06-07 02:15:10 tibo

更多的評論，而不是答案，但這確實解釋了這種差異...... – Wex

好的我編輯它使它成爲答案;） – tibo

Tibo，感謝您的輸入。它幫助我理解爲什麼會發生這種情況。 – Abijah

爲什麼我的div無法排隊？

回答

相關問題