欢迎大家来到IT世界,在知识的湖畔探索吧!
今天我们来说一下盒模型
欢迎大家来到IT世界,在知识的湖畔探索吧! 如果想让设置的宽度一样的话，那就需要开发者在宽度的基础上减去内边距和边框的宽度，上图的话可以这样设置：第一个盒子宽度设置为496px，第二个盒子的宽度设置为456px，这样设置的话宽度就是一样的了，不过这样设置的话很麻烦不便于维护。
这里我们可以这样做：
CSS新增了一个box-sizing属性，当你设置一个元素的属性为 box-sizing:border-box 时，这个时候元素的内边距和边框就不会再增加元素的宽度了。如下图：
由于是新的属性，我测试的浏览器是谷歌浏览器最新版，开发者要是遇到不兼容可以加前缀
同时这个属性支持IE浏览器：IE8+以上版本
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/115494.html
