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

這次我們了解下絕對定位;

絕對定位：

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

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

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

浮動：

如圖：浮動也會像絕對定位那樣脫離文本流，就相當于飄了起來，在天上，地上的位置就會空出來。

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

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

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

div{

float:left;//向左浮動

float:right;//向右浮動

}

?

轉載于:https://www.cnblogs.com/LeiFenggreed/p/5883740.html

總結

以上是生活随笔為你收集整理的css基础样式四的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。