今天在仿一個網站的時候,發現所有的padding、border等都不占據高度、寬度,導致很多地方要去重新調試高度和寬度。
因為太多,就想著到底是哪里出問題了,找了很久發現是全局css里面有這么一句話:
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
去掉之后,一切正常。
后來發現一篇文章,專門介紹了 box-sizing 這個屬性,如果加上以上代碼,則padding、border等就不會占據高、寬度。