防止HTML内容重叠

时间:2012-05-29 16:38:31

标签: html css navigation

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

3 个答案:

答案 0 :(得分:3)

删除position: absolute;

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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

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

关键线是css中的margin-top。