CSS盒子的絕對(absolute)定位

2021-06-26 02:59:41 字數 270 閱讀 4852

css中使用盒子時,對於絕對定位(absolute)有以下總結:

first:使用絕對定位的盒子,以它的「

second:絕對定位的「盒子」已經從標準流中脫離,這意味著它們對於其後的兄弟盒子的定位沒有影響,其他的盒子就好像這個盒子不存在一樣。 

主語:上面說到的,「已經定位」表示,position的屬性已經被設定,並且

「祖先元素」就是dom樹中(別說你不懂dom

「最近」這個就是在該節點的所有的已近定位的祖先元素中,距離該節點最近的乙個節點。比如說,

CSS 盒子模型,絕對定位和相對定位

一 盒子模型 標準模式和混雜模式 ie 在標準模式下瀏覽器按照規範呈現頁面 在混雜模式下,頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。css盒子模型具有內容 content 填充 padding 邊框 border 邊界 margin 這些屬性。我們...

CSS 盒子模型,絕對定位和相對定位

一 盒子模型 標準模式和混雜模式 ie 在標準模式下瀏覽器按照規範呈現頁面 在混雜模式下,頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。css盒子模型具有內容 content 填充 padding 邊框 border 邊界 margin 這些屬性。我們...

css盒子模型,絕對定位和相對定位

position absolute relative fixed static inherit absolute 絕對定位 相對於除了static定位以外的第乙個父元素進行定位 relative 相對定位 生成相對定位的元素,相對於其正常位置進行定位。fixed 固定定位 生成絕對定位的元素,相對於...