cari

Rumah  >  Artikel  >  hujung hadapan web  >  使用js解决由border属性引起的div宽度问题_javascript技巧

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

WBOY
WBOYasal
2016-05-16 17:12:221229semak imbas

下面我们来看一个例程

复制代码 代码如下:







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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Google Dart编程语法和基本类型学习教程_基础知识Artikel seterusnya：jQuery实现可收缩展开的级联菜单实例代码_javascript技巧

Artikel berkaitan

Lihat lagi