固定絕對定位模式轉換

2021-10-02 06:57:27 字數 472 閱讀 6916

元素新增了絕對定位和固定定位之後,會轉變為行內塊元素。

/*

元素新增了絕對定位和固定定位之後,會轉變為行內塊元素

*/.father div:first-child

.father div:nth-child(2)

.father div:nth-child(3)

.father div:nth-child(4)

.father div:nth-child(5)

"father">

1定位模式轉換,請觀察盒子的寬度

2定位模式轉換,請觀察盒子的寬度

3定位模式轉換,請觀察盒子的寬度

4定位模式轉換,請觀察盒子的寬度

5定位模式轉換,請觀察盒子的寬度

絕對定位和固定定位

絕對定位 定位 基於 定位,上下左右 沒有父級元素定位的前提下,相對於瀏覽器定位 假設父級元素存在定位,我們通常會相對於父級元素進行偏移 在父級元素範圍內移動 相對於父級或瀏覽器的位置,進行指定的偏移,絕對定位的話,它不在標準文件流中,原來的位置不會被保留 lang en charset utf 8...

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

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

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

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