一：塊元素和內聯元素：

塊元素：

1.塊元素一般是容器，可以容納其他的塊元素和內聯元素；

2.塊元素排斥與其他元素排在同一行；

3.塊元素的寬高都起作用。

內聯元素：

1.只能容納文字和其他內聯元素；

2.可以與其他的內斂元素排在同一行；

3.weight和heigt不起作用。

那麼如何讓內聯元素變成塊元素或者塊元素變成內聯元素呢？

有一個屬性：display：block或inline

二：浮動和定位：

想讓兩個div，其中一個躲在另一個後邊：設定：float:left

div設定成display:inline 之後，寬高不起作用，但是在又設定了浮動時，寬高又起作用了。

ie在浮動中有個bug：就是當元素是塊元素時、設定了margin-left不等於0、設定浮動float:left 的情況下：margin-left是double的。解決辦法是把左邊的塊元素設定成內聯元素display:inline

兩個div已經設定浮動了，接下來第三個div如果啥也沒設定，則在浮動元素的後邊。如果想讓第三個div另起一行，在第三個div的前邊再加一個div並且設定：clean:both屬性。這樣的話第三個div就是在兩個浮動的div的下邊一行了，不會藏在兩個浮動元素的後邊了。