定位：將指定的元素擺放到頁面指定的位置
通過定位可以任意的擺放元素
通過position
屬性進行定位
static 預設值，沒有開啟定位
relative 開啟元素的相對定位
absolute 開啟元素的絕對定位
fixed 開啟元素的固定定位，也是絕對定位的一種
開啟元素定位後，可以通過left right top bottom 來設定偏移量
開啟相對定位
1.開啟後，不設定偏移量，無變化
2.相對原來的位置進行偏移
3.相對定位的元素不會脫離文件流
4.相對定位會使元素提公升乙個層級
5.相對定位不會改變元素性質，塊還是塊，內聯還是內聯
開啟絕對定位：
1.元素脫離文件流
2.不設定偏移，位置不發生變化
3.絕對定位是相對於離他最近的開啟了定位的祖先元素進行定位的
（一般子元素開啟絕對定位，都會同時開啟父元素的相對定位）
如果所有的祖先元素都沒開啟定位，則會相對於瀏覽器視窗進行定位
4.絕對定位會使元素提公升乙個層級
5.絕對定位會改變元素性質，
內聯元素變為塊元素
塊元素的寬度和高度預設都被內容撐開
固定定位
是絕對定位的一種，大部分和絕對定位一致
不同的是：
固定定位永遠都會相對於瀏覽器視窗進行定位
會固定在瀏覽器的位置，不隨滾動條滾動
ie6不支援
1.高度坍塌
2.子元素和父元素相鄰的垂直外邊距會發生重疊，子元素的外邊距會傳給父元素
使用空的table標籤可以隔離父子元素的外邊距，阻止外邊距的重疊
.clearfix:before,
.clearfix:after
經過修改後的clearfix是乙個多功能的
既可以解決高度塌陷
又確保父元素和子元素的垂直外邊距不會重疊
CSS定位布局
絕對定位 如果想為元素設定層模型中的絕對定位，需要設定position absolute 表示絕對定位 這條語句的作用將元素從文件流中拖出來，然後使用left right top bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即...
css布局 定位
1 為什麼需要定位？某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子 滾動視窗時，盒子固定在某個位置 2 應用 下拉列表 模態框 web應用程式的一些基本效果 3 本質 將元素徹底從文件流中移走。允許將元素放在螢幕的任意位 置，還可以將乙個元素放到另乙個元素的前面或者後面，彼此重疊。按照定位...
css 定位布局
文件流 文件流，是指盒子按照html標籤編寫的順序依次從上到下，從左到右排列。塊元素佔一行，行內元素在一行之內從左到在排列，先寫的先排列，後寫的排在後面，每個盒子都佔據自己的位置。關於定位 可以使用css的 position 屬性來設定元素的定位型別，position 設定項如下 1 relativ...