首页  >  文章  >  web前端  >  使用js解决由border属性引起的div宽度问题_javascript技巧

使用js解决由border属性引起的div宽度问题_javascript技巧

WBOY
WBOY原创
2016-05-16 17:12:221229浏览

下面我们来看一个例程

复制代码 代码如下:







注意看注释,为什么会出现这个现象呢?其实就是由于border引起的,由于ok.style.width指定的是div的宽度,而offsetwidth指的是实际的宽度,包括border宽度。所以这个右边的式子得到的宽度值其实比左边大一个像素,解决办法,每次减去3个像素就可以达到实际减去一个像素的目的。或者用右边也用parseInt(div.style.width),但要修改div如下:
复制代码 代码如下:

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn