我想的是设置了 height 之后高度肯定要限制的, 这要怎么做?

Question

另外我也设置了 box-sizing: border-box, 在 Chrome 里调试的,
关于 <div> 的代码大概是:

div{   height: 100px;   padding: 200px 0px;
}

Answer 1

我想楼主的意思是不要让padding把box撑大吧，你可能以为height就限制了高度，但是是在盒装模型里溢出的部分会自动撑出，因为你使用的是border-box的盒装模型，height的高度就把padding包括在里面了，当padding的高度超过了height本身就会溢出而撑开，在你的例子中，最终盒装模型如下可以看出来，本身内部的height已经到0了，但是padding还是超过了所有的height，因此整个元素就被撑大了。我不知道你要实现什么东西，因为从你的css里来看，你要实现的效果非常矛盾。你既要padding在200px，又要高度不大于100px，那多出这么多高度干嘛呢？你干脆把你要实现什么效果的示意图画出来吧。