CSS盒模型全景解析：你从未见过的奇妙细节

盒模型

box-sizing：content-box | border-box 盒模型解析模式
content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width border padding )
border-box：padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度

width、padding、border、margin，四层想盒模型一样

display：box; display：inline-box; css3新出的属性，便于调整盒模型内部的元素位置