导航后CSS 2列布局中断

虽然我确信这个问题已经得到了回答——很抱歉问了——但我没有找到任何我能理解的东西（对不起，我的知识仍然非常有限）

我正在设计一个简单的2栏网站，顶部有横幅，底部有页脚。 ->现场演示：

在左边有一个导航栏“nav”和一个内容栏“content”，但不幸的是，当到达导航栏的末尾时，内容围绕它“弯曲”。Hve尝试了min height，如果我设置了特定数量的像素，即570px，它就可以工作，但是我需要多个CSS，而且，我似乎可以使用重复的图像获得小提琴

包装、导航和内容的代码如下所示：

#wrapper {
        width:90%;
        margin:20px auto;
        border-bottom: 1px dotted black;
    }

.nav {
        float:left;
        width:200px;
        min-height: 100%;
        background-image: url(img/blank.gif);
        background-repeat: repeat-y;
    }


#content {
        width: 100%;
        min-height: 570px;
        text-align: left;
        padding-top: 10px;
        background-color: #f3e8d6; /*Default bg, similar to the background's base color*/
        background-image: url("../img/tree.jpg");
        background-position: right bottom; /*Positioning*/
        background-repeat: no-repeat; /*Prevent showing multiple background images*/
    }

有人能帮我吗？我开始拔头发了。。 另外，我有点害怕把它全部拆开，因为我还设法在右下角得到了一个图像，这也是相当棘手的

非常感谢你的帮助

谢谢你，并致以最良好的祝愿，

---

西蒙

将导航更改为

位置：绝对；左：0；排名：0

并移除浮点数，然后添加

左填充：210px添加到内容。最后添加
位置：相对到包装器

它绝对会将导航定位在包装器的左上角，而内容上的填充将移动导航的主要部分。我还没有完全检查过，但我很确定，这样就可以了

祝你好运
 尝试用
#content{margin left:200px}
保留剩余空间，并删除
宽度
默认情况下，它将尝试扩展100%，您可以看到和示例。
如果floatingnot floating，则将#content设置为overflow:hidden而不带高度或宽度值。我应该用左边的房间导航。这与布局有关，但我不知道英文的正确名称。如果有人能改进这一技巧，我会很高兴：）