CSS3自动填充问题？

例如：

<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>

我需要

#left

的宽度是固定的，而

#right

自动填充

#容器

中的左侧空间？

---

如何使用CSS3实现这一点？我使用的是IE9，不需要使用CSS3的任何新功能

例子

CSS

---

.

无需使用CSS3的任何新功能

例子

CSS

---

.

Alex的例子很好，因此我将使用他的代码，但我认为您可能在右侧寻找溢出：隐藏的它不会在左侧下方环绕

请参阅新的

#container {
  border: 3px solid red;  
}

#left {
  width: 100px;  
  float: left;   
  background: blue;
  color: white;
}

#right {
  background: yellow;
  overflow: hidden;
}

---

Alex的示例很好，因此我将使用他的代码，但我认为您可能正在寻找右侧的

溢出：隐藏

，它不会在左侧下方换行

请参阅新的

#container {
  border: 3px solid red;  
}

#left {
  width: 100px;  
  float: left;   
  background: blue;
  color: white;
}

#right {
  background: yellow;
  overflow: hidden;
}

---

作为浮动的替代方法，尝试使用

display:table单元格

（在IE中不起作用作为浮动的替代方案，尝试使用

显示：表格单元格；

（不起作用，但50/50呼叫是另一种解决方案，我带来了我的解决方案，看到有一个类似代码的答案，（但我和我的答案不一样）我没有投反对票，我添加了一个备选方案-OP可以自由接受哪一个答案最合适，或者他们认为导致解决方案的答案；）想了想，但50/50的电话是不同的解决方案，我带着我的解决方案来，看到有一个代码类似的答案，（但我和我的答案不一样）我没有投反对票，我补充了一个备选方案——OP可以自由地接受哪一个答案最合适，或者他们认为能够找到解决方案的答案；）

#container {
  border: 3px solid red;  
}
#container > div {
    display: table-cell;
}
#left {
  min-width: 100px;  
  background: blue;
  color: white;
}
#right {
  width: 100%;
  background: yellow;   
}