css - CSS 内容 div 被推到菜单 div 下方

Question

我什至不知道如何描述这一点，我还在学习，而且还是个新手。

我有一个用于容器的 div。

里面是一个用于菜单的 div 和一个用于内容的 div，两者并排向左浮动。

对于大多数正常内容，它们并排放置。但是，在一个小的浏览器窗口中，如果文本占用多于一行，则内容 div 会被推到菜单 div 下方，而此时文本似乎应该换行。

这是一个例子，这让我发疯： http ://www.motate.org/riders/scottdeleeuw/trip/acknowledgements.php

谢谢您的帮助。

Answer 1

使用min-width财产。这将解决您的问题。

就像如果你把它降低到 800px 并开始包装，让主父 div 有一个min-width.

编辑

要更具体地解决您的问题，请从您的内容类中删除浮动并使用剩余边距来推送内容。

.content {
    font: 13px Verdana;
    margin-left: 200px;
    padding: 31px 0 31px 31px;
}

希望这可以帮助。