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。

编辑

为了更具体地解决您的问题，请从您的内容类中删除 float 并使用剩余的边距来插入内容。

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

希望这对您有所帮助。