当设置一个绝对高度不是我们的期望时，我们会通过百分比设置一个相对高度。但为什么有时设置height为100%时，元素却不能撑满整个浏览器窗口的高度，为什么没有效果呢？ W3C的规范:百分比的高度在设定时需要根据这个元素的父元素容器的高度。那么如果你把一个div的高度设定为height:50%; 它的父元素的高度为1000px，这个div的高度就是500px。 那如果它的父元素也是百分比定义的，或者没有定义，那具体的高度是怎么算的？那就要一直向上找，直到找到一个绝对高度用来计算。如果找 ...

我们对css的box model的概念理解起来很直观很“容易”，但总是在实际使用时会遇到这样那样莫名其妙的问题，常见的就是为什么最终不是我们定义设置的宽度和高度，最终导致我的div为什么看不见了或者我的排版为什么都乱掉了？ 1.如果一个div不设置width（即width的值为默认值auto）而设置padding时，div会内缩。 2.如果一个div设置了width和padding就会使得width增大。 对于一个不常使用css和html的我，写到UI时就常 ...