站长图库向大家介绍了padding,border,不占据高度等相关知识,希望对您有所帮助
今天在仿一个网站的时候，发现所有的padding、border等都不占据高度、宽度，导致很多地方要去重新调试高度和宽度。
因为太多，就想着到底是哪里出问题了，找了很久发现是全局css里面有这么一句话：
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
去掉之后，一切正常。
后来发现一篇文章，专门介绍了 box-sizing 这个属性，如果加上以上代码，则padding、border等就不会占据高、宽度。