首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >防止HTML内容重叠

防止HTML内容重叠
EN

Stack Overflow用户
提问于 2012-05-30 00:38:31
回答 3查看 2.2K关注 0票数 0

我有以下代码:http://jsfiddle.net/pefGx/1/,由于某种原因,导航区域会隐藏内容,而不仅仅是让它转到下一行。我需要在其中放入什么样的代码才能使单词在其中移动。我曾尝试将ul放在div中,但无济于事。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-05-30 02:07:58

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

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

关键的一行是css中的页边距-顶部。

票数 0
EN

Stack Overflow用户

发布于 2012-05-30 00:40:37

删除position: absolute;

内容不会围绕正常流程之外的内容流动(这就是绝对定位所做的)。

票数 3
EN

Stack Overflow用户

发布于 2012-05-30 00:42:06

您所需要做的就是从nav类中删除position:absolute;。一切都会好起来的。

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10803257

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档