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

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

WBOYoriginal: 2016-05-16 17:12:221201parcourir

下面我们来看一个例程

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

复制代码代码如下:

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Google Dart编程语法和基本类型学习教程_基础知识Article suivant：jQuery实现可收缩展开的级联菜单实例代码_javascript技巧

Articles Liés

Voir plus