html - 并排放置两个div，一个拉伸(stretch)以占用空间

Question

我正在尝试使用 div 完成下面的布局。我当前的代码运行不正常。我该怎么做？

谢谢

当前代码:jsfiddle

我的代码中的实际元素是:

#body_block
{
    background-color: #B8B8B8;
}
#body
{
    background-color: #BFBFBF;
}
#body_left
{
    float: left;
    margin-right: 50px;
    background-color: #FFE0F8;
}
#body_right
{
    background-color: #E1FFE0;
}

Answer 1

在你身上

#body_right
{  
    float:left;
    background-color: #E1FFE0;
}

您还需要添加向左浮动 设置，然后在您的footer_block 上添加clear: both；

   #footer_block
  {
       clear:both;
   background-color: #B3B3B3;
 }

应该可以帮助你开始