HTML:div大小？

Question

我有3 div秒,都包含在父母中他们在父母div中.
这是我的HTML:

<div id="header">
   <div id="left"></div>
   <div id="middle"></div>
   <div id="right"></div>
</div>

我的CSS:

#left
{
   float: left;
   width: 334px;
   background-image: ...;
}
#middle
{
   float: left;
   width: ???;
   background-image: ...;
}
#right
{
   float: left;
   width: 280px;
   background-image: ...;
}

我希望#left和#rightdiv具有静态大小和非重复背景.但是,#middlediv应根据页面大小调整大小.#middle除了其他两个div的宽度之外,我如何编写我的CSS以使div动态更改？

Answer 1

我认为:

#left
{
   float: left;
   width: 334px;
   background-image: ...;
}
#middle
{
   margin-left: 334px;
   margin-right: 280px;
   background-image: ...;
}
#right
{
   float: right;
   width: 280px;
   background-image: ...;
}

然后你需要稍微改变DIV的顺序:

<div id="header">
   <div id="left"></div>
   <div id="right"></div>
   <div id="middle"></div>
</div>