css3.0box,css box-sizing 设置盒子的大小 样式【CSS3.0参考手册】

box-sizing ： content-box | border-box | inherit

相关属性 ： 无

取值：

content-box:此值维持css2.1盒模型的组成模式，border|padding|content {element width=border+padding+content}border-box:此值改变css2.1盒模型组成模式，content|border|padding {element width=content}

说明：

改变容器的盒模型组成方式。

引擎类型

Gecko

Webkit

Presto

Internet Explorer

Box-sizing

-moz-box-sizing

-webkit-box-sizing

-o-box-sizing/box-sizing

-ms-box-sizing

兼容性：

类型

Internet Explorer

Firefox

Chrome

Opera

Safari

版本

(×)IE6

(√)Firefox 2.0

(√)Chrome 1.0.x

(√)Opera 9.63

(√)Safari 3.1

(×)IE7

(√)Firefox 3.0

(√)Chrome 2.0.x

(√)Safari 4

(√)IE8

(√)Firefox 3.5

示例：

css3.0 box-sizing 设置盒子的大小 样式

这里是盒子宽度的一半。

这里是盒子宽度的另一半。