CSS内容div正在推送菜单div下方

时间:2013-05-17 04:52:51

标签: css html layout

我甚至不知道如何描述这一点,我还在学习,而且非常新颖。

我有一个容器div。

里面是菜单的div和内容的div,它们都是左右浮动。

对于大多数正常内容,他们并排。但是,在一个小的浏览器窗口中,如果文本占用多行,则当文本应该换行时,内容div会被推到菜单div下面。

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

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

使用min-width属性。这将解决您的问题。

就像你把它降低到说800px然后开始包裹一样,让主父div得到一个min-width

修改

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

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

希望这有帮助。