当前位置：文江博客话题详情

当窗口大小较小的元素相互重叠时？

发布于 2024-11-24 20:02:57 字数 295 浏览 1 评论 0原文

我设计了一个网站，现在有点困惑。

如果您查看网站：

http://www.noxinnovations.com/portfolio/charidimos/

如果您更改窗口的大小，您会注意到导航与徽标/标题重叠。

无论如何要改变这个吗？我实际上想做的是让窗口出现滚动条（如果可能的话）。

有什么想法吗？

谢谢你:-D。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酒中人 2024-12-01 20:02:57

这是您的 #header 元素中的 width: 100%; 导致了奇怪的溢出行为。将 #logo 和 #navigation 元素放置在另一个 div 中，该元素具有固定的高度和宽度，位于 #header< /code>，然后给你的#header属性overflow:hidden;，这应该可以解决你的问题。

回复收藏 0 原文

一萌ing 2024-12-01 20:02:57

如果您希望导航不重叠，您可以执行以下操作

#navigation {
width: 500px;
height: 100px;
padding-top: 52px;
position: fixed;    // CHANGE FROM RELATIVE TO FIXED
left: 770px;        // ADD THIS BIT OF POSITIONING (ADJUST AS NECESSARY)
float: right;       //REMOVE THIS FLOAT
text-align: center;
vertical-align: middle;

}

If you want your navigation not to overlap, you can do the following

#navigation {
width: 500px;
height: 100px;
padding-top: 52px;
position: fixed;    // CHANGE FROM RELATIVE TO FIXED
left: 770px;        // ADD THIS BIT OF POSITIONING (ADJUST AS NECESSARY)
float: right;       //REMOVE THIS FLOAT
text-align: center;
vertical-align: middle;

}

回复收藏 0 原文

~没有更多了~