当高度低于x像素时，div不会展开？

Question

如果您查看：http://wearewebstars.dk/test/index.html并将窗口高度更改为500px高度，则div“折叠” - 我希望它扩展为内容，以便它始终为高度： 100％，但如果高度小于内容，那么它应该扩展到内容？

希望有道理吗？

Answer 1

我理解你的问题，但很难在浏览器中调试它。问题是到处使用position: absolute和position: relative。

删除这两条规则：并且效果良好（但会再次产生问题）。

.site-border { /* main.css:517 */
   border: 0.625em solid #FFC99B;
   height: 100%;
   min-height: 100%;
}

.site-container { /* main.css:522 */
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 2;
}

当您不需要relative和absolute时，您的问题太多了。 理解CSS中的DIV和BLOCK是基础。这是布局的简单替代方案。正如你所看到的，只有几行没有RELATIVE和ABSOLUTE定位的CSS。 http://jsfiddle.net/dsws3/

希望，这有助于，即使它不是解决方案。