css postition 定位屬性

2021-09-17 18:50:04 字數 502 閱讀 8000

包括 static absolute relative fixed

static : 預設值,忽略 top bottom left right 等宣告

absolute : 相對於腹肌元素絕對定位,浮出、脫離文件流,若父級沒有定位,則以html直接 left top right bottom 層級 z-index:value

relative : 相對於預設位置的偏移定位,通過設定left top right bottom 值可將其移動到其他位置。(不影響正常布局,相對於之前的位置偏移)

fixed: 相對於瀏覽器固定定位,通過left right top bottom 屬性規定。不論視窗滾動與否,元素都會留在那個位置。

絕對定位與相對定位區別:

1參照物不同,絕對定位參考已定位的最近的父元素(最大html),相對定位參照本身

2絕對定位將物件脫離文件流,而相對定位不脫離文件流,也不影響布局無論是否偏移。

z-index:value||auto value可為負數。

定位上下文(補充css的position屬性)

把元素的position屬性設定為relative absolute或fixed後,繼而可以使用trbl屬性,相對於另乙個元素移動該元素的位置。這裡的 另乙個元素 就是該元素的定位上下文。絕對定位元素的預設上下文是body。然而絕對定位元素的任何祖先元素都可以成為它的定位上下文,只要把相應的祖先元素...

android layout weight屬性學習

雖然這個android layout weight屬性很怪異,但幸運的是我們達到了目標 按比例顯示linearlayout內各個子控制項,需設定android layout width 0dp 如果為豎直方向的設定android layout height 0dp 在這種情況下某子個控制項占用lin...

ios autoresizingMask屬性的研究

在 uiview 中有乙個autoresizingmask的屬性,它對應的是乙個列舉的值 如下 屬性的意思就是自動調整子控制項與父控制項中間的位置,寬高。1 2 3 4 5 6 7 8 9 enum uiviewautoresizingnone就是不自動調整。uiviewautoresizingfl...