CSS中的定位可以幫助我們精確地控制頁面上元素的位置。在CSS中,有三種基本的定位方式:靜態(tài)定位、相對定位和絕對定位。
靜態(tài)定位是默認(rèn)的定位方式。在靜態(tài)定位下,元素的位置是基于文檔流的,無法通過top、bottom、left、right等屬性進(jìn)行調(diào)整。我們可以使用下面這段代碼來將一個元素設(shè)置為靜態(tài)定位:
p { position: static; }相對定位是基于元素自身的位置進(jìn)行調(diào)整。使用相對定位時,我們可以通過top、bottom、left、right等屬性來調(diào)整元素的位置。相對定位不會影響其他元素的位置,只會影響該元素本身的位置。下面這段代碼可以將一個元素設(shè)置為相對定位:
p { position: relative; top: 10px; left: 20px; }上面的代碼會將該元素向下移動10像素,向右移動20像素。 絕對定位是基于其父元素的位置進(jìn)行調(diào)整的。使用絕對定位時,我們可以通過top、bottom、left、right等屬性來調(diào)整元素的位置。絕對定位會使得該元素脫離文檔流,其他元素不再受該元素的影響。下面這段代碼可以將一個元素設(shè)置為絕對定位:
p { position: absolute; top: 50px; left: 100px; }上面的代碼會將該元素定位在其父元素的左上角,向下移動50像素,向右移動100像素。 以上是CSS中定位的三種基本方式。我們可以根據(jù)實(shí)際需求選擇不同的定位方式來調(diào)整網(wǎng)頁元素的位置。
上一篇img css 鏈接
下一篇ionic3 全局css