CSS的定位，浮動與清除浮動，position的定位

CSS中的三種定位：1.標準文檔流定位；2.float浮動；3.absolute定位

盒子模型的3D效果：第一層:border;第二層:center+padding;第三層:background-image;第四層:background-color;最後一層:margin;

盒子模型的尺寸:content+padding+border+margin;

盒子模型的自動居中：margin{0 auto};左右外邊距設置auto便可，同時還要給width設置值，可是不能夠同時各float,absolute一塊兒使用。通常盒子元素不設置高度，隨着內容進行撐高

浮動會對父級元素形成影響，由於父容器正常狀況下會自動擴高，可是子元素加了浮動後位置不保留，父容器就感受它不存在了，因此不會擴高，解決方式：給父容器加overflow:hidden解決便可。

浮動同時會給他的下一個相鄰元素形成影響，使用clear:both來清楚浮動。

相對定位：relative的特色：相對於自身原有的位置進行偏移；仍然處於文檔流中；原來的位置依舊佔有位置

絕對定位：abosulte的特色：相對於離本身最近的的已定位的祖先元素進行偏移【通常設置他的父元素爲position:relative,由於relative定位仍然處於文檔流中。】；不處於文檔流中；當一個元素設置了absolute之後，沒有設置寬度，他的寬度會以自身的內容的尺寸進行調節；原來的位置不佔有位置，已經脫離文檔流。

絕對定位主要適用於：橫向兩列布局中的一列寬度固定，一列寬度自適應的狀況，須要注意的是：設置絕對定位的這列的高度必需要小於未設置定位的那一列的高度，由於設置了絕對定位不佔文檔流，高度不會撐起父元素的高度