position:relative | absolute | static | fixed
• static： 自動定位，自動定位就是元素在頁 面普通文件流中由html自動定位，普通文件裡中的元素也稱為流動元素。不能通過z-index進行層次分級。
•relative： 相對定位，相對定位不脫離文件流，參考其在原來文件流中的位置，通過 top,bottom,left,right 定位，並 且可以通過z-index進行層次分級。
•absolute ：絕對定位，絕對定位脫離文件流，依據最近的已經定位（絕對、相對或固定定位）的父元素，通過 top,bottom,left,right 定位。當父級 position 為 static 時，absolute元素將依據body根元素（瀏覽器視窗）進行定 位，可以通過z-index進行層次分級。
一般搭配relative使用
• fixed ：固定定位，固定定位與父元素無關（無論父元素是否定位），直接根據瀏覽器視窗定位，且不隨滾動條拖動 頁面而滾動，可通過z-index進行層次分級。
z-index
css中的定位（position）
w3c中對position各個 屬性值定義 static 元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。relative 元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。absolute 元素框從文件流完全刪除，並...
css中的position定位
今天給大家分享一下，深度思考中的知識點 position定位有哪幾種?各有什麼特點?position是css中非常重要的乙個屬性，通過position屬性，我們可以讓元素相對於其正常位置，父元素或者瀏覽器視窗進行偏移。position概念 css的很多其他屬性大多容易理解，比如字型，文字，背景等。有...
css中的position定位詳解
position可以取四個值 static relative absolute fixed。static是盒子的預設的定位方式，即標準流方式。relative 它的定位基準是該盒子的標準流定位，即相對於標準流定位再進行偏移。如果某個盒子採用這個定位了，則它不會影響其父盒子的定位 對它後面的兄弟盒子而...