Jquery, width方法设宽度,设置值不对怎么回事

 时间:2026-02-13 17:04:27

1、html里创建一个div,和一个按钮。

Jquery, width方法设宽度,设置值不对怎么回事

2、div设置了样式,背景色,和初始宽度是100px。

Jquery, width方法设宽度,设置值不对怎么回事

3、按钮事件很简单,使用jquery的width方法,设置div的宽度。

Jquery, width方法设宽度,设置值不对怎么回事

4、运行页面,点击按钮后,div宽度变为200,这时是正确的。

Jquery, width方法设宽度,设置值不对怎么回事

5、但如果为div设置了左右的padding值,或者marging值,border-width,等这些,就会引起问题。

Jquery, width方法设宽度,设置值不对怎么回事

6、其他代码不变,点击按钮,看现在的宽度变为220px了,本来设置的是200的,多出来的20就是左右padding的值。

Jquery, width方法设宽度,设置值不对怎么回事

7、如果有padding值该怎么设置宽度呢?使用另一个方法就可以了。

使用css方法,设置width属性,如图。

Jquery, width方法设宽度,设置值不对怎么回事

8、运行页面可以看到,现在div是有padding值的,但总宽度还是设置的200px。

Jquery, width方法设宽度,设置值不对怎么回事

  • Java语言get请求中文乱码问题解决办法!
  • 图解在Windows Server2008上安装Oracle
  • oracle中一般cursor的用法
  • Windows服务的手动添加和删除方法
  • dbvisualizer的使用方法
  • 热门搜索
    德天瀑布旅游攻略 河南旅游景点排名前十 佛山旅游景点 海南省旅游 南麂岛旅游攻略 黑龙江旅游景点大全 台儿庄旅游 平谷旅游景点大全 旅游英语口语300句 印尼旅游