Html 非移动导航在从移动导航切换回后移动

Html 非移动导航在从移动导航切换回后移动,html,css,wordpress,Html,Css,Wordpress,我有常规导航和可折叠的移动导航。每当导航从移动切换到常规时,常规导航就会从原来的位置向下移动。我不明白为什么会发生这种情况,以及如何解决它。非常感谢您抽出时间来看这个 这只是Chrome和Safari中的一个问题,而不是Firefox 示例图像: 如果在css中添加浮点:左;在徽标上,您的问题将得到纠正。似乎是浏览器之间的一个盒子模型不一致。 一个创可贴修复现在可以绝对地定位菜单div停留在屏幕的右上方。边距保持其位置正确,响应能力仍然正常工作。这只是确保div在从移动视图移动后重新出现在正确的

我有常规导航和可折叠的移动导航。每当导航从移动切换到常规时,常规导航就会从原来的位置向下移动。我不明白为什么会发生这种情况,以及如何解决它。非常感谢您抽出时间来看这个

这只是Chrome和Safari中的一个问题,而不是Firefox

示例图像:

如果在css中添加浮点:左;在徽标上,您的问题将得到纠正。似乎是浏览器之间的一个盒子模型不一致。

一个创可贴修复现在可以绝对地定位菜单div停留在屏幕的右上方。边距保持其位置正确,响应能力仍然正常工作。这只是确保div在从移动视图移动后重新出现在正确的位置

CSS
这是在Chrome、Safari和Firefox中测试的。

非常感谢,Brian!这很好用。顺便说一下,我刚意识到我们一起去了阿斯伯里。我是乔丹。你是学生活动的主管,我是你派来负责电影的一年级学生。
.menu-wrapper {
   margin: 55px 55px 0 0;
   width: 650px;
   float: right;
   display: inline;
   position: absolute; /* These last three lines are new */
   top: 0;
   right: 0;
}