如何将CSS列扩展到可用空间？

我有两列的布局。左列是固定的200px宽度加上30px左边距。右侧列包含内容，应展开以适合可用空间

我通过使用绝对位置来定位每一列，并使用right:0px来拉伸右列，使其接触到右边缘。当使用float:left定义列时，有没有办法达到相同的效果？到目前为止，该列仅在扩展以适应其内容的宽度

---

如果我可以使用Compass/Sass来实现这一点，那就有额外的好处（但我不想依赖Blueprint这样的框架，因为布局非常简单）。

@Art；你必须这样写：

HTML:

---

检查小提琴艺术；你必须这样写：

HTML:

---

查一查小提琴

我想这正是他想要的；我从你那里学到的诀窍：）。检查这个如果你试图垂直居中你的行元素，这是不起作用的，但是这是一个不同线程的问题。我想这正是他想要的；我从你那里学到的诀窍：）。选中此复选框如果您试图将行元素垂直居中，则此选项不起作用，但这是另一个线程的问题。

<div class="left">left fix width</div>
<div class="right">right no fix width</div>

.left{float:left;width:200px;margin-right:30px}
.right{overflow:hidden}