jquery - 将宽度设置为 110

Question

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

http://jsfiddle.net/RS5wf/

Answer 1

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

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

Answer 2

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

盒子大小决定了用什么盒子模型来渲染一个对象。

content-box 是大多数元素的默认值，但表单元素往往默认为边框框，这在设置表单元素样式时可能会有点令人沮丧。

这是关于box-sizing的一个很好的链接

Answer 3

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

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