Html 将两个div并排放置，一个进行拉伸以占据空间

我试图用div来完成下面的布局。我当前的代码不太好用。我怎么做

谢谢

/*** BODY-MYACCOUNT *************************/
section { display: table; width: 100%;}
section div { display: table-cell; border: 1px solid #000; }
#body_left
{
    background-color: #FFE0F8;margin-right: 50px;
}
#body_right
{
    background-color: #E1FFE0;width: 100%;
}

当前代码：

我的代码中的实际项目包括：

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

在你身上

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

您还需要添加向左浮动设置，然后在页脚块上添加清除：两个

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

应该可以帮助您启动

1，像这样使用绝对值

2，使用jquery，当$（window）.load（）为low height div指定另一个div的高度时

3、使用以下代码：

<div class="out">
  <div class="div1">
    div1
  </div>
  <div class="div2">
    div2
  </div>
</div>

4、使用

---

虽然我的英语很差，但希望我的回答能给你一些帮助

您还可以添加css的position属性

我的意思是位置：相对的；到外部分区，内部有两个左分区和右分区

然后分别对左侧和右侧容器使用相同的float:left和float:right

我想这会有用的。

解决了 我用

谢谢

/*** BODY-MYACCOUNT *************************/
section { display: table; width: 100%;}
section div { display: table-cell; border: 1px solid #000; }
#body_left
{
    background-color: #FFE0F8;margin-right: 50px;
}
#body_right
{
    background-color: #E1FFE0;width: 100%;
}

---

1.人体模块的背景变白了。2. <代码>#身体(右)无法拉伸以适应右侧空间。添加高度：100%；对于body_块，如果您查看@BFDatabaseAdmin it ssome wwhat，那么它应该可以像本地测试的那样工作，因为这里重建了您的代码，这是我本应该做的，但时间不够。它实际上使用的是“display:table”，而不是节包装器。你也可以在你的div上用这个。