Mozilla -moz-box-sizing CSS

Notes:

有的时候发现IE和mozilla计算Element的时候,会有很多不同的地方,此属性就是用于指定计算元素高度和宽度的一个方法。
参看下面的示例,你会更清楚一些。

CSS 语法:

-moz-box-sizing: content-box | border-box | padding-box;

DHTML 语法:

obj.style.MozBoxSizing: "content-box" | "border-box" | "padding-box";

说明:

content-box = 容器的实际 宽(高)+ border + padding (Default. 默认值)
border-box = 容器的实际 宽(高) (*一般情况下,都推荐用这个值,但是获得offsetWidth的时候与IE的值相差2px)
padding-box = 容器的实际 宽(高)+ padding

示例:

-moz-box-sizing CSS

.box-size
{
	border: 20px #999 solid;
	background: #fff;
	display: block;
	width: 300px;
	height: 400px;
	padding: 10px;
	overflow: -moz-scrollbars-none;
}