從以前的table做框架到現在最新的div定位，過程確實不是很適應，總怕出現不少的頁面混亂。在轉型過程中學習了不少東西，與大家共勉：
1、怎麼讓div居中
以前用table的時候都是使用align，但現在很多瀏覽器都失效了。使用div+css，就很簡單了，
給div加上margin:0 auto
0是指上下邊距為0px，而auto就比較特別，他是使左右自動適應，就是居中的意思。這個對所有塊元素都可以使用
而使塊元素內文字、居中，就需要使用text-align：center了。text-align很特別，他不光針對text，還針對其他的塊內容。
因為align已經被他替代了。
2、如何讓div中內容貼近容器底部
如果是文字或者其他塊級元素。使用定位的思想。position：absolute，然後boottom：0。
父元素注意要設定一下position：relative。因為絕對定位是相對於最近乙個非static定位的元素的相對位置。
但是如果出現多個元素在同一父元素內 同時需要絕對定位移動位置，那麼需要注意，如果直接這樣做，
會造成那些元素重疊，而不是與float一樣的正常排布，這是因為他們有相同的父元素，使用絕對定位之後就都會移動到父元素的左邊，
而不是還處在原來的位置，為了解決這種情況，需要給那些需要移動位置的元素 巢狀乙個父元素，讓他們的父元素去定位，
給他們的父元素設定relative，這樣原先的父元素就變成了爺元素。這樣一來，再給他們設定完絕對定位加位置屬性之後就不會出現重疊的效果，
因為他們都是在父元素的限度內去移動，再跑也跑不出來。這樣就又不重疊，又能貼近底部，但是需要注意。新巢狀的父元素需要乙個固定的高度，
高度要高於內部元素。不然他的高度就是被內部元素撐開的。
3、box模型
要做出好看的框架，這個box模型就需要好好的認清楚，設定的width和height只是設定了content的大小。
box的寬度=margin*2+border*2+padding*2+content（width）
box的高度=margin*2+border*2+padding*2+content（height）
div相對定位和div絕對定位
1，內外層均不設定postion，一般巢狀關係。2，僅外div設定relative，一般巢狀關係。3，僅內div設定absolute，文件中為巢狀關係，頁面中內div浮起 非float 相對於頁面定位，與外div無關。4，外div設定relative，內div設定absolute，內div浮起來並相...
前端筆記 相對定位
定位 position 定位是一種更加高階的布局手段 通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位 可選值 static 預設值，元素是靜止的，沒有開啟定位 relative 開啟元素的相對定位 absolute 開啟元素的絕對定位 fixed 開啟元素的固定定位 st...
前端筆記 CSS定位
一 為什麼需要定位 某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子。當滾動視窗時，某些模組是固定在螢幕中的某個位置。以上兩個效果通過標準流和浮動都無法快速實現，此時需要定位來實現。二 定位組成 定位 將盒子定在某一位置 定位 定位模式 邊偏移 定位模式用於指定元素在文件中的定位方式，邊偏移...