用div+css頁面佈局中的一點點記錄

1.用display:none來隱藏元素的時候不會保留元素原本的位置，用visibility:hidden則不會

2.用margin:auto能夠使一個元素居中顯示

3.當元素寬度超過瀏覽器寬度時瀏覽器會出現水平滾動條，此時但是使用max-width代替width，max-width能夠自適應瀏覽器寬度，支持IE7+及其餘主流瀏覽器

4.當在計算元素寬度的時候，邊框的長度和內邊距也會被計算在內，這樣的話作起來會比較麻煩，用如下這段代碼能夠解決這個問題

*{
   -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
                box-sizing:border-box;   
}

但這也是隻支持IE8+及其餘主流瀏覽器

5.postion屬性的幾種值

名稱	做用
static	默熱值，即未被positioned
relative	配合top,left,bottom,right屬性一塊兒使用，使元素偏離正常位置，其餘元素不會來填補它離開所剩下的空缺
fixed	也配合top,left,bottom,right屬性一塊兒使用，使元素相對於當前瀏覽器視窗來定位，改變瀏覽器視窗的大小， 不會改變元素相對於視窗的位置
absolute	該屬性與fixed屬性相似，但它不是相對於視窗，而是相對於離它最近的被positioned的屬性（指position值不是static的元素）