CSS列结构

我正在开发一个新的模板，尝试一些CSS3和HTML5技术

有个小问题。。。当我使用FireBug检查此页面时，我可以看到我的左栏和右栏没有被封装到#container div中。我意识到我将它们都放在左侧…但我无法确定我需要做什么才能将它们包装到container div中

以下是HTML：（链接到页面，以防更简单）

左导航柱

主栏

---

CSS位于此处：（我不想在这篇文章上添加太多CSS对不起）

他们正在加入。在firebug中，它看起来不像这样，因为它们的浮标没有被清除。将此添加到css中：

.clear {
    clear:both;
}

及之后：

<div id="left-col">
            <p>Lef Nav Column</p>
        </div><!-- End #left-col -->

        <div id="main-col">
            <p>Main Column</p>
        </div><!-- End #main-col -->
<div class="clear"></div>

左导航柱

主栏

---

应该可以了。

将

溢出：隐藏
应用于“容器”
添加
溢出：隐藏，
溢出：自动，或
浮动：左到div#container
如果我添加：float:left；这会终止布局并将容器向左推。。。但我仍然明白你的意思。@tony，这就是我说“或”的原因。有不止一种解决方案。
<div id="left-col">
            <p>Lef Nav Column</p>
        </div><!-- End #left-col -->

        <div id="main-col">
            <p>Main Column</p>
        </div><!-- End #main-col -->
<div class="clear"></div>