元素或div之間的隨機差距

Question

這裏的元素之間出現了一個奇怪的差距。我寧願讓它們一起沖洗。任何想法如何解決這個問題？

LINK

Answer 1

那是因爲你還沒有稱呼那些把它留給瀏覽器來決定要素。 Chrome例如決定在p元素上輸入邊距。

p { ... 
-webkit-margin-before: 1em; 
-webkit-margin-after: 1em; 
... } 

使用css reset文件，你都將解決這方面的問題，但problably很多很多similair情況下，在你未來的Web開發人員。

Answer 2

修復內嵌元素是：

vertical-align:top; 

或

vertical-align:middle; 

顯示：塊;

的圖像

Answer 3

那是因爲你還沒有爲標籤h1,p提供的任何CSS。所以，瀏覽器正在添加默認邊界底部和頂部。因此，將它添加到CSS -

p, h1 { margin: 0 } 

Answer 4

我不太清楚，至於哪種/ GAP /你是指，但一個簡單的CSS規則就像保證金：0;填充：0;可能會幫助你。

Answer 5

它是一種保證金/填充問題，因爲被別人說。我建議如果你剛剛開始並且還沒有開發任何習慣，那麼總是包含reset.css文件。這將擺脫所有的瀏覽器默認值，並允許您重新開始。

Answer 6

這是使用CSS重置文件，就像一個你可以找到YUI一個好主意： http://developer.yahoo.com/yui/reset/

如果你最終使用的YUI CSS重置，請確保您設置背景顏色上HTML標籤，因爲YUI的CSS Reset會將其變成白色。

html { 
    background:black; 
} 
body { 
    margin: 0px; 
    font-family: helvetica; 
    background: black; 
}