CSS Div 100%with float:left

Question

Agrh,CSS - 我生命中的祸根.有人可以帮忙吗？

我正在尝试获得以下div布局:

*******************************************************************************
*aaaaaaaaaa bbbbbbbbbbbb ccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*aaaaaaaaaa bbbbbbbbbbbb ccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*******************************************************************************

目前我的样式看起来像这样:

#container {
height:50px;
}

#a {
float:left;
width:50px;
height:50px;
}

#b {
float:left;
width:50px;
height:50px;
}

#c {
float:left;
width:100%;
height:50px;
}

<div id="container">
   <div id="a" />
   <div id="b" />
   <div id="c" />
</div>

但这会导致以下情况发生(div c低于其他):

********************************************************************************
*aaaaaaaaaa bbbbbbbbbbbb                                                       *
*aaaaaaaaaa bbbbbbbbbbbb                                                       *
*cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc*
*cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc*
********************************************************************************

需要改变什么来解决这个问题？谢谢.

---

附加信息:

• a和b必须具有固定的像素宽度.

• 这是一个简化的例子 - 实际上div有边界,不能重叠.

Answer 1

只是不要float最后一点div它会工作.同时移除100%宽度,并给它两个固定宽度div的宽度的左边距.这应该是这样的:

http://jsfiddle.net/YMQbh/