box-sizing
CSS3的样式
语法:box-sizing: content-box|border-box|inherit;
content-box:表示浏览器绘制无素的时候宽和高只是内容的宽和高,元素的实际高度还要加上padding和border
border-box:表示浏览器绘制元素的时候实际宽和高的实际值为border+padding+内容
inherit:从父窗口继承box-sizing属性
扩展:
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
一般为了进行流布局好进行控制都会把元素的box-sizing设置为 border-box
* { height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }