中间部分没有完全扩展，包括图片

Question

Having problem with the middle Div not expanding to the width http://acs.graphicsmayhem.com/images/middiv.jpg

好的，我如何让Middle div扩展到它的整体？我几个小时以来一直在努力解决这个问题。请任何人可以帮助我？我不打算使用桌子，我知道这一定是可能的。

感谢。

Answer 1

设置一个左右边距等于你需要的左右浮动div + thos 5px间隙。

那将是：

margin:0 205px;

并且不要漂浮中间div。将右侧浮动div放在左侧浮动前面，将mid div作为最后一个放在html中（消除IE6错误）。

Answer 2

在简单，理想，直观的三栏布局上写了很多。这个非常好，我发现它相对容易修改，我曾经两次使用它：http://matthewjamestaylor.com/blog/perfect-3-column.htm

Answer 3

应该有效：

width: 100%;
margin-left: 205px;
margin-right: 205px;

那么你也不需要浮动那个div。

Answer 4

不确定你为什么要漂浮顶级div。假设：

<div id="container">
  <div id="header">...</div>
  <div id="content">
    <div id="left">...</div>
    <div id="main">...</div>
    <div id="right">...</div>
  </div>
</div>

10：

#container { margin: 0 auto; /* fixed or floating width */ }
#header { margin: 5px; }
#container { overflow: auto; margin: 5px; }
#left { float: left; width: 200px; }
#right { float: right; width: 200px; }
#content { margin: 0 205px; }