選項
說明static
預設形為，參考文件流
relative
相對定位，參照之前自己位置，當元素發生位置偏移時，原位置留白。
absolute
絕對定位，參照第乙個有定位屬性父元素，否詞參照頁面，不占用原先位置
fixed
固定定位，把元素固定到頁面乙個位置，不受滾動條影響
sticky
粘性定位，當滾動條元素到達乙個位置會固定住，後面定位權重高
選項說明
top距離頂邊
bottom
距離下邊
left
距離左部
right
距離右邊
如果元素重疊在一起，可以使用z-index控制元素的上下層級，數值越大越在上面。
CSS學習筆記 布局之定位
定位 定位是一種更加高階的布局方式，可以將元素擺放到任意位置。使用position屬性來設定定位。position 作用static 預設值，靜態元素 不算開啟定位 relative 開啟相對定位 absolute 開啟絕對定位 fixed 開啟固定定位 sticky 開啟粘滯定位 有相容性問題 偏...
css 布局布局定位心得
1 區域性絕對定位。當我們在乙個預設定位方式的div內巢狀的div實用 絕對定位 absolute 的時候，它會脫離上乙個div的控制，要實現乙個巢狀div相對上乙個div的絕對定位，只需要給上乙個div的定位加上 相對定位 relative 屬性即可，一般不會影響父div的顯示效果。2 盡量使用 ...
布局和定位
網頁的三種布局 流動模型 flow flow 預設的網頁布局模型。浮動模型 flow 可以讓塊級元素顯示在一行，用到float left right 層模型 layer 層模型有三種形式 a position absolute 這種形式將元素從文件流中拖出，然後用left,right,top,bot...