為什么我的div不排隊？

Question

div正在我的JsFiddle上完美排隊 ，但他們沒有在我的網站上工作。

我認為問題源於我的聯系表格，因為當我將聯系表格移到兩個div之下時，他們的陣容正確。

有什么建議？

Answer 1

您沒有清除<div class="form">元素中的浮點數。

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

Answer 2

它適用於jsFiddle，因為它們重置了CSS：

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的答案更清晰;）