将宽度设置为110

Question

在示例中，为什么宽度不是110.我知道这是因为边框。但是什么是跨浏览器将宽度设置为110的方式。

http://jsfiddle.net/RS5wf/

Answer 1

尝试使用outerWidth获取宽度，其中考虑了填充和边框。

http://jsfiddle.net/RS5wf/2/

Answer 2

这是由于一个鲜为人知的名为box-sizing的属性。

Box大小确定用于渲染对象的框模型。

content-box是大多数元素的默认元素，但是表单元素往往默认为border-box，在构造表单元素时可能会有点令人沮丧。

以下是box-sizing

上的精彩链接

Answer 3

可以使用.width（）读取宽度，返回内部宽度（删除填充和边框像素），或.outerWidth（），返回总宽度。

宽度只能使用.width（size）设置，而不能使用.outerWidth（size）设置。