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