box-sizing 的用法
box-sizing
设置了 width 和 height 以后
- 默认是包含 padding 在内的
- box-sizing: border-box 是连同 padding+border 在内
- box-sizing: content-box 是只包含内容区域，不包含 padding 的
box-sizing options
- content-box: width height 被应用在内容区域
- padding-box: width height 被应用在内容+padding 区域，只有 Firefox 支持
- border-box: width height 被应用在内容+padding+border 区域
- inherit: 从父容器继承样式
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
上一篇： 使用 CSS 纯代码实现三角形
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论