html - CSS 内容不会包装多个 div

Question

好的，这解释起来相当复杂，所以我把它放在网上：

http://jsfiddle.net/zSgPr/10/

在此设置中，我需要黄色容器环绕下部棕色 div 和红色页脚 div，将页脚留在页面底部，理想情况下我可以通过像素边距对其进行调整。我已经尝试了多种清除它的方法，但我不知道如何让页脚正常工作或正确封装内容。有人可以建议一种方法吗？多谢你们。

这就是我想要实现的目标

回答：

忽略了我需要另一个容器 div 的明显情况。如果有人想在这里看到它在线：http: //jsfiddle.net/zSgPr/21/

Answer 1

添加bottom:0到.textbox

将.textboxdiv 放在容器外，这意味着当您给position:absolute父 div 时，应该Position:relative添加相对于主 div 的内容，即.page

现场演示

解决方案

Answer 2

像这样更改 .textbox 样式可能会有所帮助

.textbox{
    margin:0px 10px; 
    background-color:#262626; 
    width:700px;        
    position:relative;
    z-index:40;
    border:2px dashed #381e01;
    float:left;
 }

演示