總結篇:width與margin,padding之間的寬度計算問題區別


任何情況下margin都不包含在height和width內。而padding與邊框是否包含則有兩種情況。

標准盒模型:200*200便是寬高,即內容框的寬高,並不包含padding和border

ie盒模型:padding與border包含在寬高內,即寬高包含了內容框的寬高加上padding與邊框。即200*200 等價於(inner180+padding20)*(inner180+padding20)

chrome,firefox使用標准盒子模型。

如果要統一使用標准盒子模型,我們可以在網頁中加入doctype申明使用w3c標准,這樣所有瀏覽器都會使用標准盒子模型。

 

ie的padding算在width中的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM