防止HTML内容重叠

Question

我有以下代码：http://jsfiddle.net/pefGx/1/由于某种原因导航区域隐藏内容而不是仅仅使其转到下一行。我需要在那里放置什么样的代码来使文字移动。我已经尝试将ul放入div但无济于事。

Answer 1

删除position: absolute;。

内容不会绕过正常流量的东西（这就是绝对定位所做的事情）。

Answer 2

您只需从导航班中删除position:absolute;即可。一切都会好的。

这是您更新的jsfiddle http://jsfiddle.net/pefGx/4/

Answer 3

正如其他人所说，删除绝对位置。然后，您可以根据需要使用边距属性将其向上移动。 这是你的JS小提琴，导航向上移动40px

http://jsfiddle.net/pefGx/5/

关键线是css中的margin-top。