Jquery取值宽度与实际值不对

今天在使用jquery取一个按钮的宽度代码如下：

$("#button").width();

取出来的值是7.但是在css样式中我设置的是25。

怎么也想不明白，后来找了需求，的到了答案。

浏览器会默认给按钮添加一些padding，在获取值的时候，会减去这些padding所以为7.

在css中设置padding：0px；就可以了。

获取出来的值是23.还是偏差了2个像素，有想了一下，是边框的问题，左右各位1就是2.

有两种解决方案：

一：设置border：0px;,这个可能有需要在设置一个背景图片。

二：所有获取的宽度，加上border的值*2，如你的宽度是180，你的border是1，那么计算公式为

180+（1*2）；