html - 防止Div重叠 | 防止Div重叠

我很想让我的内容主体在页脚之前在屏幕底部结束，对此我很茫然。我想念什么？

<body class="v4master">
    <form id="aspnetForm">
        <div id="SharingBoundaryHeader">Banner</div>
        <div id="s4-ribbonrow">Ribbon</div>
        <div id="s4-titlerow">Title Row</div>
        <div id="s4-workspace">WorkSpace
            </p></br>Aenean ex diam, tincidunt eu risus sit amet, condimentum cursus nunc. Nulla viverra ligula quis leo porttitor mattis. Proin at nibh sed nibh consectetur iaculis. Donec accumsan finibus ipsum. Cras aliquet velit condimentum urna fringilla molestie. Vivamus vitae ultrices tellus. Curabitur ac mi sit amet nisl posuere sollicitudin. Vestibulum sodales purus ac accumsan vulputate. Donec semper orci ac lorem volutpat euismod. Donec faucibus massa finibus erat commodo pharetra. Integer facilisis pretium pharetra. Curabitur auctor viverra sodales.
        </div>
        <div id="ctl00_IdLMFooter_footer">Footer</div>
    </form>
</body>

jsFiddle

编辑：
我希望它看起来像this:，但是当内容溢出而不是外部滚动条时，内部滚动条处于活动状态。

最佳答案

在CSS中尝试一下，看看是否能找到所需的内容。

#s4-workspace {
position: absolute;
bottom:20px;
}

#ctl00_IdLMFooter_footer {
position:absolute;
bottom:0;
}

关于html - 防止Div重叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33287268/