position的4個屬性：relative absolute fixed static
筆記整理：
1.relative相對定位：相對於元素自身在文字流中原先的位置進行定位。結合left/right/top/bottom屬性進行定位。
top的值表示物件相對原位置向下偏移的距離，bottom的值表示物件相對原位置向上偏移的距離，兩者同時存在時，只有top起作用；left的值表示物件相對原位置向右偏移的距離，right的值表示物件相對原位置向左偏移的距離，兩者同時存在時，只有left起作用。
2.absolute絕對定位：
相對於static 定位以外的第乙個父元素進行定位定位，沒有的話則相對於視窗定位
3.fixed固定定位：
相對於視窗定位
4.static靜態定位：position預設值。沒有定位，元素出現在正常的流中
注：relative、absolute、fixed均脫離文字流，均可結合left/right/top/bottom屬性進行定位。其中，relative因為原先元素的位置仍存在，所以並沒有改變文字流；而absolute和fixed改變了文字流。
css div頁面布局詳解（二）
css復合選擇器 後代選擇器 語法格式 選擇器1 選擇器2後代選擇器中用空格分開 子代選擇器 語法格式 選擇器1 選擇器2後代選擇器使用者大於號分開 並集選擇器 語法格式 選擇器1,選擇器2並集選擇器用逗號分開，最後乙個選擇器不需要逗號 交集選擇器 語法格式 選擇器1選擇器2既 又 的關係應用場景不...
CSS div頁面水平居中的布局方法總結
一 margin auto 0 與 text aligh center 在現代瀏覽器 如internet explorer 7 firefox opera等 現代瀏覽器實現水平居中的方法很簡單，只要設定到左右兩側的空白為自動即可。意即 wrap wrap 上面這段 的意思是說使wrap這個div到左...
網頁css div布局技巧
後台設計 1.盡量使用內嵌iframe frameset方式布局 設定overflow visible 當內容超過乙個屏的時候就會出現豎向滾動條 2.屏的高度最好剛好乙個屏 一般是用min height max height height 3.布局使用position float對元素進行定位 使用...