css中的box-sizing属性怎么用

这篇文章主要为大家展示了"css中的box-sizing属性怎么用"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"css中的box-sizing属性怎么用"这篇文章吧。

　　CSS3box-sizing属性

　　作用：允许您以确切的方式定义适应某个区域的具体内容。

　　说明：InternetExplorer、Chrome、Safari以及Opera支持box-sizing属性。Firefox需要前缀-moz-。

　　语法：

　　box-sizing:content-box|border-box|inherit;

　　值 描述

　　content-box

　　这是由CSS2.1规定的宽度高度行为。

　　宽度和高度分别应用到元素的内容框。

　　在宽度和高度之外绘制元素的内边距和边框。

　　border-box

　　为元素设定的宽度和高度决定了元素的边框盒。

　　就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。

　　通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

　　inherit 规定应从父元素继承box-sizing属性的值。

　　CSS3box-sizing属性的使用示例

　　这个div占据左半部分。