0
0
高洛峰
发布时间：2017-02-20 11:28:54
|1629人浏览过
|来源于php中文网
原创
人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的css属性。
box-sizing: 盒大小,盒模型.
我们经常遇到左右模块宽度为50%，加个边框会掉下去，加一个这个样式就能解决，看下栗子：
这个 p 占据左半部分。
这个 p 占据右半部分。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。
content-box，border和padding不计算入width之内
padding-box，padding计算入width内
border-box，border和padding计算入width之内，其实就是怪异模式了。
梨子：
更多css3 box-sizing详解相关文章请关注PHP中文网！
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
相关文章
css盒模型在不同浏览器表现不同怎么办_统一设置css box sizing
css width 和 height 不生效怎么办_盒模型属性影响解析
css padding 会不会撑大元素尺寸_结合盒模型计算方式说明原因
css 设置 box sizing 后 padding 如何生效_通过盒模型变化机制解释
css布局图片响应式如何缩放_利用 max-width 100% 与 height auto
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
