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

 5107

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


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

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

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

去掉之后,一切正常。


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

本文网址:https://www.zztuku.com/index.php/detail-7683.html
站长图库 - 让padding、border等不占据高宽度的方法
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐

    Photoshop打造质感光效文字