CSS内容不会包装多个div

Question

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

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

我需要黄色容器在这个设置中包裹下面的棕色div和红色页脚div，将页脚留在页面的底部，理想情况下我可以通过像素边距调整它。我已经尝试了多种方法来清除它，但是我无法弄清楚如何使页脚行为或内容正确封装。有人可以建议一种方法吗？谢谢你们。

这就是我想要实现的目标

答案：

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

Answer 1

将bottom:0添加到.textbox

plcace容器外的.textbox div，这意味着当你提供position:absolute时，父div应该有Position:relative所以相对于主要div添加.page

<强> LIVE DEMO

<强> SOLUTION

Answer 2

像这样改变.textbox风格很有帮助

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

DEMO