css基礎樣式四

標籤：

上次我們講到了相對定位；

這次我們瞭解下絕對位置;

絕對位置：

#box_relative {  position: absolute;  left: 30px;  top: 20px;}

絕對位置會脫離文檔流。所以之前的位置就會被後面的內容給填補

絕對位置的元素的位置相對於最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊。

浮動：

浮動也會像絕對位置那樣脫離文字資料流，就相當於飄了起來，在天上，地上的位置就會空出來。

float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於映像，使文本圍繞在映像周圍，不過在 CSS 中，

任何元素都可以浮動。浮動元素會產生一個塊級框，而不論它本身是何種元素。

浮動可以向左浮動也可以向右浮動。代碼如下：

div{

float:left;//向左浮動

float:right;//向右浮動

}

 

css基礎樣式四