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

Question

我设计了一个网站，现在有点难住了。

如果你浏览网址:

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

如果你改变窗口的大小，你会注意到导航重叠的标志/标题。

如何改变这个?我想做的实际上是使窗口有一个滚动条出现，如果这是可能的。

任何想法?

Thank you:-D.

Answer 1

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

Answer 2

如果你想让你的导航栏不重叠，你可以这样做

#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;
}