css box-sizing:border-box 问题?

MDN 介绍

https://developer.mozilla.org...

有一段这样的文字

如果 box-sizing 属性被设为 border-box,那么边框区域的大小可明确地通过 width、min-width, max-width、height、min-height,和 max-height 属性控制

那么我设置了 height:0px padding 不应该起效啊?但是实际 padding 还是影响了高度

附上测试连接

https://codepen.io/firstblood...

阅读 1.5k
1 个回答

border-box 告诉浏览器:你想要设置的边框和内边距的值是包含在 height 内的,即height = border + padding + 内容的高度

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏