Css 绝对位置vs最小高度

我的位置设置有问题。。我有滚动式的页面，每个框架（就像每个部分）都设置为100%的宽度和高度。它们都有

位置：绝对
。第一帧顶部：0，左侧：0，第二帧顶部：100%，左侧：0；等
但当我需要更多的文本时，比在100%高度上可能需要的更多，我显然无法显示它，因为下一节。。。
我如何才能正确设置该问题的立场

CSS:

HTML:


...
您可以使用javascript/jQuery在加载文档时动态设置每个div的顶部。不要在CSS中为高度设置任何初始值，让它扩展到它应该占据的全部大小

HTML:

看看这个。
你能在这个问题上提供一个可行的例子吗？@JohnBupit：我没有任何工作模型网页。。。但是我希望我已经解释够了。@SzabolcsPáll：我试着把“height”改为“minheight”，并在节后加上“clear”div。但是它不起作用。绝对定位是一种非常糟糕的网页布局方法。它非常不灵活，而且有更好、更具响应性的选项，谢谢，但它是否会像当没有足够的文本来容纳至少100%的高度时，它仍然会有100%的高度？如果你知道我想说什么……：）@HynekŠ。试试看。条件，以确保在窗口高度和div高度之间取较大值。另外，请注意，对于这样的as系统，您需要处理窗口大小调整GOK，但我真的不擅长jQuery，我应该将它粘贴到文件头吗？但是有“yourDivClass”字段需要编辑，我必须设置5个div，所以不应该在每个div中都设置吗？抱歉这么愚蠢的提问，但正如我所说的，我试图从jQuery开始…@HynekŠ。这仅在您试图编辑的每个div都具有相同的类时才有效。我将添加html到演示中，非常感谢！我会让你知道它是否有效：）
#about {
width: 100%;
height: 100%;
background:white; 
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}

<div id="about" class="yourDivClass">
...
</div>

<div class='yourDivClass' id="div1">
     ...
</div>
<div class='yourDivClass' id="div2">
     ...
</div>
<div class='yourDivClass' id="div3">
     ...
</div>
<div class='yourDivClass' id="div4">
     ...
</div>

$(document).ready(function() {
    var totalHeight = 0;
    $(".yourDivClass").each(function() {
        $(this).css("top", totalHeight);
        var height = ($(this).height() > $(window).height()) ? $(this).height() : $(window).height();
        $(this).css("height", height);
        totalHeight += height;
    });
});