html中定位有三種分別是：相對定位（relative）、絕對定位（absolute）和固定定位（fixed）
相對定位（relative）：相對定位是相對於自身位置進行偏移
。當設了相對的偏移量之後，這個div原來所佔據的位置（文件流）不 會被下面的div塊擠占
，而是空在那裡；當偏移後向下或者向右的內容會被隱藏，而 這一點區別於絕對定 位，絕對定位會出現滾動條。
絕對定位（absolute）：絕對定位是相對于父容器中含有定位屬性的元素進行定位
（直接父容器沒有他會一層一層往上找，沒有的話就相對body）。乙個div塊的位置被定義為絕對定位的時候，也就意味著它失去了文件流的位置，後面的文件流會緊跟著補上來接替它的位置。
固定定位（fixed）：固定定位是相對於瀏覽器的位置進行偏移。當設了相對的偏移量之後，這個div原來所佔據的位置（文件流）不 會被下面的div塊擠占。
子絕父相：子元素絕對定位，父元素相對定位。讓子元素 以其父元素為標準來定位。（如果不這麼做，子元素就會相對body或瀏覽器定位產生不好的效果。）
注意：這裡主要是因為絕對定位的參照物是父容器中含有定位屬性的fong父容器。
定位流之子絕父相
定位流 position 分類 1.相對定位 relative 不脫離標準流，還會佔空間配合，相對在標準流的位置運動 top，right同乙個方向上只用乙個屬性等使 相對以前在標準流的位置來移動 在相對定位中用margin和padding屬性會影響整個網頁布局 應用場景 1 用於對元素微調 2 配合...
css定位，相對定位，絕對定位，子絕父相
定位 定位模式 邊偏移 定位模式 用於指定元素的定位方式，通過 position 屬性設定 邊偏移 根據定位模式確定最終位置，通過 top bottom left right 四個屬 性設定 邊偏移 top 頂端偏移量，定義元素相對於其參照元素上邊線的 距離。bottom 底部偏移量，定義元素相對於...
CSS之定位模式介紹（重要） 子絕父相
1 標準流或者浮動能實現，某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子？2 當我們滾動視窗的時候，某些盒子是固定在某個位置的。以上效果，標準流和浮動很難快速實現，此時需要定位來實現。所以 1 浮動 float 可以讓多個塊級盒子一行沒有縫隙排列顯示，經常用於橫向排列盒子。2 定位 pos...