我甚至不知道如何描述这一点,我还在学习,而且非常新颖。
我有一个容器div。
里面是菜单的div和内容的div,它们都是左右浮动。
对于大多数正常内容,他们并排。但是,在一个小的浏览器窗口中,如果文本占用多行,则当文本应该换行时,内容div会被推到菜单div下面。
这是一个例子,这让我疯狂: http://www.motate.org/riders/scottdeleeuw/trip/acknowledgements.php
感谢您的帮助。
答案 0 :(得分:0)
使用min-width
属性。这将解决您的问题。
就像你把它降低到说800px然后开始包裹一样,让主父div得到一个min-width
。
修改强>
要更具体地解决您的问题,请从内容类中删除浮动并使用左边距来推送内容。
.content {
font: 13px Verdana;
margin-left: 200px;
padding: 31px 0 31px 31px;
}
希望这有帮助。