[轉(zhuǎn)帖]css position的屬性值
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
position 屬性用于指定一個(gè)元素在文檔中的定位方式。top、right、bottom 和 left 屬性決定了該元素的最終位置。 static: 默認(rèn)值,沒有定位,指定元素使用正常的布局行為,即元素在文檔常規(guī)流中當(dāng)前的布局位置,此屬性下 top、right、bottom、left 和 z-index 屬性無效。 relative相對(duì)定位:元素先放置在未添加定位時(shí)的位置,在不改變頁面布局的前提下調(diào)整元素位置(此時(shí)會(huì)在此元素為添加定位時(shí)所在位置留下空白)。position:relative 對(duì) table-row、table-column、table-cell、table-caption 元素?zé)o效。 absolute絕對(duì)定位:生成絕對(duì)定位的元素,元素會(huì)被移出正常文檔流,并不為元素預(yù)留空間,通過制定元素相對(duì)于最近的非static定位祖先元素的偏移,來確定元素位置,絕對(duì)定位可以設(shè)置外邊距合并(margin),并且不會(huì)與其他邊距合并。 fixed固定定位:元素的位置在屏幕滾動(dòng)時(shí)不會(huì)發(fā)生改變位置。 sticky (黏性定位,吸頂效果):設(shè)置了sticky的元素,在屏幕范圍(viewport)時(shí)該元素的位置并不受到定位影響(設(shè)置是top、left等屬性無效),當(dāng)該元素的位置將要移出偏移范圍時(shí),定位又會(huì)變成fixed,根據(jù)設(shè)置的left、top等屬性成固定位置的效果。 原文 該文章在 2023/8/18 8:42:08 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |