css 為定位和浮動提供了一些屬性，利用這些屬性，可以建立列式布局，將布局的一部分與另一部分重疊，還可以完成多年來通常需要使用多個**才能完成的任務。
定位的基本思想很簡單，它允許你定義元素框相對於其正常位置應該出現的位置，或者相對于父元素、另乙個元素甚至瀏覽器視窗本身的位置。顯然，這個功能非常強大，也很讓人吃驚。要知道，使用者**對 css2 中定位的支援遠勝於對其它方面的支援，對此不應感到奇怪。
position: relative; //相對定位
position: absolute; //絕對定位
position: fixed; //固定定位
// 然後上下左右來定位其距離
left : 1px；
right : 1px;
top : 1px;
bottom : 1px;
就是人走了，但是坑還在那。絕對絕對，就是位置是覺得，其他元素變化了，他也不動, 但是有個前提就是相對於父元素—— 前提是父元素的位置是確定的元素框從文件流中刪除，並相對於其包含塊定位，包含快可能是文件中的另乙個元素或者初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。這個就是人走茶涼。
詳解微信小程式 相對定位和絕對定位
詳解微信小程式 相對定位和絕對定www.cppcns.com位 相對定位 元素是相對自身進行定位，參照程式設計客棧物是自己。絕對定位 元素是相對離它最近的乙個已定位的父級元素進行定位 相對定位 n position relative 啟用相對定位 left 150rpx 相對於自己往右偏離150 t...
translate與絕對定位 相對定位的區別
在表現上看，使用css3 translate函式和絕對定位 相對定位屬性加上top left數值都可以使元素產生位移。實際上它們還是有不少的區別。我們分別用相對定位和translate的方法來使元素產生位移 1.使用相對定位使元素產生位移 box12.使用translate使元素產生位移 box2然...
絕對定位 相對定位 固定定位的區別
絕對定位 position absolute 特點 元素使用絕對定位之後不佔據原來的位置 脫標 元素使用絕對定位，位置是從瀏覽器出發。巢狀的盒子，父盒子沒有使用定位，子盒子絕對定位，子盒子位置是從瀏覽器出 發。巢狀的盒子，父盒子使用定位，子盒子絕對定位，子盒子位置是從父元素位置出 發。給行內元素使用...