色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css定位哪幾種

CSS中有多種定位方式,可以根據(jù)不同的需求選擇不同的定位方式,下面我們來(lái)具體介紹一下。

1. 相對(duì)定位:

position: relative;

相對(duì)定位是基于當(dāng)前元素本身的位置來(lái)定位的,通過(guò)設(shè)置top、right、bottom、left屬性值可以讓元素相對(duì)當(dāng)前位置進(jìn)行移動(dòng)。

2. 絕對(duì)定位:

position: absolute;

絕對(duì)定位是將元素完全脫離文檔流,跟父元素沒(méi)有任何關(guān)系,可以根據(jù)父元素中的相對(duì)定位元素進(jìn)行定位。如果沒(méi)有相對(duì)定位的父元素,則以html元素為準(zhǔn)進(jìn)行定位。

3. 固定定位:

position: fixed;

固定定位可以將元素固定在瀏覽器窗口中的某個(gè)位置,不隨頁(yè)面滾動(dòng)而改變位置。同樣需要設(shè)置top、right、bottom、left屬性值來(lái)定位。

4. 粘性定位:

position: sticky;

粘性定位是一種相對(duì)定位和固定定位的混合模式,當(dāng)距離指定位置(top、bottom、left、right)的時(shí)候則為固定定位,否則為相對(duì)定位,常用于菜單欄等功能。

5. 浮動(dòng)定位:

float: left/right;

浮動(dòng)定位可以讓元素緊貼在父元素的左側(cè)或右側(cè),可以讓文本環(huán)繞該元素,常用于多列布局。

6. 清除浮動(dòng):

clear: both/left/right;

當(dāng)一個(gè)元素浮動(dòng)后,其他元素可能會(huì)產(chǎn)生包圍在它的周?chē)默F(xiàn)象,可以通過(guò)清除浮動(dòng)來(lái)解決這個(gè)問(wèn)題。

本文介紹了CSS中常見(jiàn)的幾種定位方式,可以根據(jù)不同的需求來(lái)選擇不同的定位方式,以達(dá)到更好的布局效果。