定位
定位是一種更加高階的布局方式，可以將元素擺放到任意位置。使用position屬性來設定定位。
position
作用static
預設值，靜態元素（不算開啟定位）
relative
開啟相對定位
absolute
開啟絕對定位
fixed
開啟固定定位
sticky
開啟粘滯定位（有相容性問題）
偏移量（offset）
為元素開啟了定位後，可以通過偏移量來設定元素的位置
將元素的position屬性設定為relative，就開啟了元素的相對定位。
開啟相對定位後，元素的特點：
絕對定位
將元素的position屬性設定為absolute，就為元素開啟了絕對定位
開啟絕對定位後元素的特點：
包含塊將元素的position屬性設定為fixed，就為元素開啟了固定定位
固定定位是一種特殊的絕對定位，大多數特點與絕對定位相同，唯一的不同點是：固定定位參照瀏覽器的視口進行定位，不會隨網頁的滾動而滾動
將元素的position屬性設定為sticky，就為元素開啟了粘滯定位。
粘滯定位的特點與相對定位基本相同，不同點是：元素在到達了指定位置時會固定不動。
設定了絕對定位的元素，可以通過z-index屬性來設定元素的層級。
CSS布局之定位
定位由定位模式和邊偏移組成 我們定位的盒子，是通過邊偏移來移動位置的。在 css 中，通過 top bottom left 和 right 屬性定義元素的邊偏移 方位名詞 邊偏移屬性 示例描述 toptop 80px 頂端偏移量，定義元素相對於其父元素上邊線的距離。bottom bottom 80p...
css 布局之定位
往往在網頁布局中會出現覆蓋，這時我們需要使用定位技術了。什麼是定位，通俗來說就是你想讓元素在哪個位置。css定位的基本思想很簡單，它允許定義元素框相對於其正常位置應該出現的位置，或者相對于父元素 另乙個元素 甚至瀏覽器視窗本身的位置。相對定位 position relative 元素依然是佔位的 使...
CSS定位布局
絕對定位 如果想為元素設定層模型中的絕對定位，需要設定position absolute 表示絕對定位 這條語句的作用將元素從文件流中拖出來，然後使用left right top bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即...