上次我們講到了相對(duì)定位；

這次我們了解下絕對(duì)定位;

絕對(duì)定位：

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

絕對(duì)定位會(huì)脫離文檔流。所以之前的位置就會(huì)被后面的內(nèi)容給填補(bǔ)

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

浮動(dòng)：

如圖：浮動(dòng)也會(huì)像絕對(duì)定位那樣脫離文本流，就相當(dāng)于飄了起來(lái)，在天上，地上的位置就會(huì)空出來(lái)。

float 屬性定義元素在哪個(gè)方向浮動(dòng)。以往這個(gè)屬性總應(yīng)用于圖像，使文本圍繞在圖像周?chē)?#xff0c;不過(guò)在 CSS 中，

任何元素都可以浮動(dòng)。浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框，而不論它本身是何種元素。

浮動(dòng)可以向左浮動(dòng)也可以向右浮動(dòng)。代碼如下：

div{

float:left;//向左浮動(dòng)

float:right;//向右浮動(dòng)

}

?

轉(zhuǎn)載于:https://www.cnblogs.com/LeiFenggreed/p/5883740.html

總結(jié)

以上是生活随笔為你收集整理的css基础样式四的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。