定位布局
position:
1.static:靜態布局(當前元素在預設文件流中的位置 )
eg：寫好乙個div,div本身所處的位置
2.absolute:絕對定位
特點：1.脫離預設文件流
2.不佔據定位前空間
3.預設情況下，絕對定位元素根據body元素左上角進行定位（不要被元素本身的位置所迷惑）
4.當父元素具有定位屬性時，子定位元素根據父元素左上角進行定位
配合屬性：
當沒有使用配合屬性時，在原有位置飄起來
left
right
topbottom
3.relative:相對定位
特點：1.預設情況下，元素根據元素本身的位置進行定位
2.不脫離預設文件流
3.佔據定位前空間
4.fixed:固定定位
特點和絕對定位相似
使用了固定定位的元素，不會隨著滾動條的滾動而滾動
5.sticky:粘滯定位
relative+fixed
元素在到達固定點之前，使用relative定位，在到達固定點之後，使用fixed定位
與float的區別：
float:不會遮擋文字，但是position：absolute會遮擋文字
注意對於粘滯定位，一定得有滾動條，所以不可以給父級元素設定overflow：hidden
比如，article 下面的section要粘滯定位，article就一定不能使用overflow:hidden屬性
position（定位）布局
屬性值 說明static 預設值。沒有定位，元素按照標準文件流布局 inherit 繼承父元素的position值 relative 相對定位，盒子的位置以標準文件流的排版方式為基準，然後相對於它原本的標準位置偏移，相對定位的盒子仍然在標準流中。absolute 絕對定位，盒子的位置以它最靠近的已經...
position定位布局
值 static 預設值，沒有定位，可以取消繼承的定位屬性 relative 相對定位，相對於元素自身在文件流的位置定位，不脫離標準流 absolute 絕對定位，相對於最近的乙個定位了的父元素，脫離標準流，不再佔據位置 fixed 固定定位，相對於瀏覽器視窗進行定位，脫離標準流，不再佔據位置 st...
CSS布局定位 position
取值 static absolute fixed relative static 預設值。無特殊定位 物件遵循html定位規則。absolute 絕對定位 將物件從文件流中拖出 可層疊 用left,right,top,bottom等屬性相對於其最接近的乙個最有定位設定的父物件進行絕對定位。如果不存在...