首页 > 教程 >

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

2023-02-14教程围观

简介今天在仿一个网站的时候,发现所有的padding、border等都不占据高度、宽度,导致很多地方要去重新调试高度和宽度。因为太多,就想着到底是哪里出问题了,找了很久发现是全局css里面有这么一句话:-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;去掉之后,一切正常。后来发现一篇文章,专门介

  

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


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

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

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

去掉之后,一切正常。


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

下载链接:网站源码/小程序源码/网站模板下载

Tags: 方法 宽度 padding border 占据