html向左對(duì)齊代碼 四種定位形式的特點(diǎn)?
四種定位形式的特點(diǎn)?1. Fixed positioning當(dāng)元素的position屬性設(shè)置為Fixed時(shí),元素是固定的。固定元素不會(huì)隨著滾動(dòng)條的拖動(dòng)而改變其位置(在視野中),而是相對(duì)于屏幕的可見區(qū)域
四種定位形式的特點(diǎn)?
1. Fixed positioning
當(dāng)元素的position屬性設(shè)置為Fixed時(shí),元素是固定的。固定元素不會(huì)隨著滾動(dòng)條的拖動(dòng)而改變其位置(在視野中),而是相對(duì)于屏幕的可見區(qū)域進(jìn)行定位。
固定定位,使用top、bottom、left和right屬性設(shè)置元素相對(duì)于瀏覽器窗口的位置,導(dǎo)致元素與文檔流完全分離,更改元素類型,主要用于“返回頂部”效果和固定列設(shè)置。
2. 相對(duì)定位
當(dāng)元素的position屬性設(shè)置為Relative時(shí),元素具有相對(duì)定位的屬性。相對(duì)定位元素的位置是相對(duì)于其原始位置計(jì)算的。它還有四個(gè)屬性:頂部、底部、左側(cè)和右側(cè)。相對(duì)定位不會(huì)使元素脫離文檔流,也不會(huì)更改元素本身的類型。
3. 絕對(duì)定位
絕對(duì)定位是最常用的定位屬性之一。一般與relative連用,達(dá)到“where to play”的效果。當(dāng)一個(gè)元素成為絕對(duì)定位元素時(shí),它與正常的文檔流完全分離。絕對(duì)定位元素之前或之后的元素都會(huì)認(rèn)為該元素不存在,即該元素“浮動(dòng)”在其他元素之上。絕對(duì)定位將更改元素本身的類型(行中的元素將成為塊元素)。如果定位父對(duì)象與定位父對(duì)象偏移,則定位父對(duì)象與整個(gè)文檔偏移。
4. 靜態(tài)定位
如果未指定元素的位置屬性值,則該元素為靜態(tài)定位。Static是position屬性的默認(rèn)值,這意味著塊將保留在它應(yīng)該位于的位置,并且不會(huì)重新定位。
通常,此屬性很少使用,不支持left和top等屬性值。使用場(chǎng)景通常用于清除其他定位屬性。