Chrome 中 div 设置 height: 100px 再设置大的 padding 高度为什么变大了?
另外我也设置了 box-sizing: border-box, 在 Chrome 里调试的,
关于
的代码大概是:
div{
height: 100px;
padding: 200px 0px;
}我想的是设置了 height 之后高度肯定要限制的, 这要怎么做?
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
之前表述得不清楚，修改一下答案。图来源于网上。
盒子模型有两种，分别是标准盒子模型和IE盒子模型。
当我们在网页顶部加上doctype声明的时候，浏览器会使用标准盒子模型去解释网页。
如果网页没有doctype声明的时候，ie浏览器会使用IE盒子模型去解释网页，而firefox, chrome等浏览器则仍然使用标准盒子模型区解释网页，这就出现了不兼容问题。所以一般我们采用的是标准盒子模型。
另外width和height是可以被撑大的。
2019-07-17 19:12:59赞同 展开评论
相关问答