首頁  >  文章  >  web前端  >  使用js解決由border屬性引起的div寬度問題_javascript技巧

使用js解決由border屬性引起的div寬度問題_javascript技巧

WBOY
WBOY原創
2016-05-16 17:12:221203瀏覽

下面我們來看一個程式

複製程式碼 程式碼如下:







注意看註釋,為什麼會出現這個現象呢?其實就是因為border所造成的,由於ok.style.width指定的是div的寬度,而offsetwidth指的是實際的寬度,包括border寬度。所以這個右邊的式子得到的寬度值其實比左邊大一個像素,解決方法,每次減去3個像素就可以達到實際減去一個像素的目的。或用右邊也用parseInt(div.style.width),但要修改div如下:
複製程式碼 程式碼如下:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn