我无法解释得太清楚，但出于某种原因，当你将鼠标悬停在标题中的菜单链接上时，它下面的文字 - 在另一个div中 - 开始移动，好像它需要环绕菜单。文本中还有很大的凹痕，菜单就在那里。
奇怪的是，这只发生在＆lt;！DOCTYPE html＆gt;在HTML文件的开头添加。如果没有它，它就会表现得如此。
强制性的JSFiddle：http://jsfiddle.net/c1zaotzg
#menu {
float: right;
text-align: right;
}
由于某种原因，强制性代码。
答案 0 :(得分：2)
提供 #headercont 溢出：隐藏
#headercont {
margin: 0 auto;
max-width: 1000px;
overflow: hidden;
}
答案 1 :(得分：1)
元素line-height中的#header实际上做了奇怪的事情。为什么不像你在菜单中所做的那样包装网站这个词。见DEMO
答案 2 :(得分：0)
除此之外解决此问题的是giving max-height: 101px #menu ..