CSS - 一般解釋

我從來沒有真正學過HTML或CSS，我所有的知識都來自互聯網衝浪，並且一般都在玩弄它。所以我想最終弄清楚一些事情。CSS - 一般解釋

首先在我目前的'搞亂'，我有一個主要的div，但該div不會坐在頁面的頂部！它距離頂部至少5個像素。我不明白！我解決了一次，但我不記得了。還有就是我的意思在這裏的形象：http://puu.sh/6jQUF.jpg

這裏是代碼：

HTML

<body> 
<div id="Main"> 
    This is a test. 
</div> 
</body> 
</html>

CSS

#Main { 
margin-right: auto; 
margin-left: auto; 
width: 900px; 
height: 1200px; 
outline: black solid thin; 
padding: 20px; 
top: 0px; 
}

我敢肯定，這只是很簡單，我爲此表示歉意。

現在另一件我從來沒有明白的事情是，在CSS中，兩個div可以坐在一起，即一個擁有浮動左邊的屬性，另一個浮動右邊，從而互相推擠，坐在彼此旁邊，每當我嘗試這個他們最終忽略了彼此碰撞的事實，並且都進入頁面的左側和右側。我真的很希望我聽起來不像一個白癡，我確信這是可能的。

最後關於主題如果我有一個主容器我怎麼可以divs留在那個容器？我已經嘗試過將div放在容器中，但不起作用。有人請解釋一下，我真的很感激。謝謝

2014-01-13 Skurope

每個問題的一個問題，請。 –

身體有一個默認的邊距。與清除：

body { 
    margin:0; 
}

如果你想兩個div來坐在旁邊的對方，無論是浮動他們兩個左或兩個右，或作出然後直接或inline-block的元素。

我無法回答你的問題「最後關於主題如果我有一個主容器我怎麼可以divs留在那個容器？我已經嘗試過，只是把div放在容器中，但是沒有'不工作「。因爲沒有代碼就沒有意義。

2014-01-13 20:07:30 j08691

發生這種情況是因爲默認情況下所有元素都具有屬性。在這種情況下，標籤body有一定的餘量。

爲了避免這樣的問題，你可以使用一般的重置此屬性像這樣的Reset或最基本的復位：

* { 
margin:0; 
padding:0; 
border:0; 
}

這裏的*有助於發現所有的DOM，並設置元素那些屬性爲0.

嘗試每個帖子保留一個問題。對於你的第二個問題，我建議調查屬性display:inline-block和This Link to Clarify Floats

2014-01-13 20:07:34 DaniP

回答