我正在构建我的第一个wordpress供电网站。我为此创建了自己的子主题，并一直在编辑（原始是默认的2012主题） 但是，在第一次访问网站时，Chrome中的菜单有时会断开，并且不会与标题徽标一致。 此外，当页面调整大小时，我将菜单作为一个块元素分布在该徽标下面的页面上，然后切换到一个按钮，点击该按钮会在列表中排序菜单。 但是，当您将其重新调整为全屏时，会发生同样的事情。菜单被推入下面的容器中。 这只发生在chrome中，我无法解决我生活中的错误。 菜单和调整大小的菜单的代码是
.main-navigation {
margin-top: 50px;
width:56%;
margin-right:25px;
margin-right:1.785714285714286rem;
display:inline;
float:right;
} 和resize事件（在chrome中打破它的那个）
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
width:100%;
text-align: center;
display:block;
}
网站网址为：www.electricanwoking.com
如果有人对此问题有过任何经验，那么任何帮助或指示都会非常感激！