學習筆記(13 相對定位 固定定位 絕對定位

2021-10-21 10:53:35 字數 324 閱讀 1348

立即學習:

相對定位   position:relative

空間存在,

內容存在,

相對參照物是元素本來的位置

固定定位   position:fixed

空間不存在,

內容存在,

相對參照物是整個瀏覽器四邊

絕對定位   position:absolute

空間不存在,

內容存在,

相對參照物是最近的已經定位的上級

ps:在絕對定位中要使標籤垂直居中于父元素內,令top=0;bottom=0;margin=auto;  (等於乙個相同的值即可)

相對定位 絕對定位 固定定位

設定position屬性值為static的元素是乙個靜態定位元素,此值為預設值,即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素,其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...

css 相對定位,絕對定位,固定定位

定位有三種,分別是相對定位 絕對定位 固定定位。相對定位 position relative 絕對定位 position absolute 固定定位 position fixed 相對定位 相對定位,就是微調元素位置的。讓元素相對自己原來的位置,進行位置調整。head meta charset ut...

絕對定位,相對定位,固定定位

通過position屬性來設定元素的定位 static 預設值,元素沒有開啟定位 relative 開啟元素的相對定位 absolute 開啟元素的絕對定位 fixed 開啟元素的固定定位 也是絕對定位的一種 說明 當開啟了元素的相對定位以後,而不設定偏移量時,元素不會發生任何變化 相對定位是相對於...