用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的元素）