首页 > 代码库 > (转)CSS3全局实现所有元素的内边距和边框不增加
(转)CSS3全局实现所有元素的内边距和边框不增加
全局设置 border-box 很好,首先它符合直觉,其次它可以省去一次又一次的加加减减
它还有一个关键作用——让有边框的盒子正常使用百分比宽度。但是使用了 border-box 可能会与一些依赖默认 box-sizing 的库冲突
不过这种问题大多数时候可以通过把交由这些库处理的块的 box-sizing 设置回 content-box 来解决。
推荐写法是1 html { 2 box-sizing: border-box; 3 } 4 *, *:before, *:after { 5 box-sizing: inherit; 6 }
外文资料链接:css-tricks
转载地址:box-sizing: border-box 把所有元素的内边距和边框不再会增加它的宽度,这样写好吗?
(转)CSS3全局实现所有元素的内边距和边框不增加
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。