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