CSS布局

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

通过设置全局布局中的box-sizing属性为border-box，这样可以让div的内边距和边框都不会增加它的宽度。

box-sizing是相对新的属性，因此要支持其他浏览器的版本要进行-webkit和-moz的配置。

 

postion位置：

static：

作为默认值，任何position:static元素不会被特殊定位。一个static元素表示它不会被"positioned"，一个position属性被设置为其他属性的元素，表示它会被"positioned"。

 

relative：

表现和static一样，除非你添加一些额外的属性。在一个相对定位（position属性的值为relative）的元素上设置top、right、bottom、left属性会使其偏离其正常位置。其他的元素则不会调整位置来弥补它偏离后剩下的空隙。

 

fixed：

一个固定定位（position属性的值为fixed）元素会相对于视窗来定位，这意味着即便页面滚动，它还是停留在相同的位置。

 

absolute：

absolute与fixed的表现类似，除了它不是相对于视窗，而是相对于最近的"positioned"祖先元素。如果绝对定位的元素没有"positioned"祖先元素，那么它是相对于文档的body元素，并且会随着页面的滚动而移动。