Html CSS内容不会包装多个div

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

在这个设置中，我需要黄色容器来环绕较低的棕色div和红色footer div，将页脚留在页面底部，理想情况下，我可以通过像素边距来调整页脚。幸运的是，我尝试了多种清除方法，但是我不知道如何让页脚正常运行或内容正确封装。有人能建议一种方法吗？谢谢各位

这就是我想要达到的目标

答复:

---

我忽略了我需要另一个容器div这一点。如果有人想在这里看到它的在线版本：

添加

bottom:0

到

。textbox

请将

.textbox

div放在容器外，这意味着当您给出

位置：绝对值时，父div应该具有
位置：相对值
，因此添加相对于主div的
。page


更改。像这样的文本框样式可能会有所帮助

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

您能“绘制”您的预期输出吗？因为您已将红色的
DIV
命名为“footer”，但它似乎不是一般意义上的“footer”（而黑色或棕色的是）。您好@idb您想要这个吗