qq_40276992的博客

有时候min-height:100% 设置了但是还是无法撑起页面，这主要是100% 是基于父元素的，父元素的高度的是一个固定值 html{ height:100%; } body{ min-height:100%; } 这样是可以让body撑起来的 所述 html 和 body 元素是不同的块级实体，在父/子关系。 html尺寸由浏览器窗口控制。 该 html 元素具有（默认情况下） overflow:auto，导致在需要时显示滚动条。 所述 body 元件是（默认） position

box-sizing 最主要的用法是规定容器元素的最终尺寸计算方式。 如果你创造了一个 没有设置 box-sizing 属性为 border-box(不设置的话默认值为 content-box.)，同时你设置 width:100px; border:10px solid red; padding:10px; 那么最终 div 容器的实际宽度为： 100px(width)+210px(padding)+2*10px(border)=140px 所以你会得到一个比你预期（100px）还要更大的容器，结果就是会