让padding、border等不占据高宽度的方法

2019-04-30 01:56:01      站长图库      334     

让padding、border等不占据高宽度的方法


今天在仿一个网站的时候,发现所有的paddingborder等都不占据高度、宽度,导致很多地方要去重新调试高度和宽度。

因为太多,就想着到底是哪里出问题了,找了很久发现是全局css里面有这么一句话:

-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

去掉之后,一切正常。


后来发现一篇文章,专门介绍了 box-sizing 这个属性,如果加上以上代码,则padding、border等就不会占据高、宽度。

TAGpaddingborder占据高度css