html - 如何使以百分比设置的 div 高度随其内容扩展？

Question

我正在处理具有 100% 高度部分的布局，并且一直在努力使这些部分在必要时随内容扩展。

我试过 height: auto; min-height: 100%; 但它不起作用。

这是一个 FIDDLE

Answer 1

使用

.wrapper { 
    height: 100vh; /* vh instead of % */
}

出于某种原因——我目前没有时间进一步调查——只有当我将你的标记减少到相关的最小值时才能解决这个问题，参见 fiddle :

https://jsfiddle.net/jt49a064/6/

这应该可以作为您现在自己修复它的起点。