菜单布局在初始加载时改变，垂直而不是水平

Question

我一直在努力解决这个问题一段时间，主要是因为它只是时不时地发生，我也不知道从哪里开始缩小这个问题的原因。偶尔，当我的网站页面加载时，菜单栏应该是水平的，将垂直加载并一直对齐到标题的右侧。

正如我之前所说，这种情况只会偶尔发生，有时它会加载得很好，菜单布局通常会在刷新或重新加载页面后自行（水平）修正

这是菜单的css代码

div.hideSkiplink
{
margin:0px auto 0px 195px; 
position:absolute;
bottom:0;
right:0;


}


div.menu
{
background-color:#080808;


padding: 0px auto 4px auto; 
}

div.menu ul
{
background-color:#080808;
list-style:none;
margin: 0px;
padding: 0px;
width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
background-color: #080808;
/* border: 1px #585B5E solid; */
border-right:1px solid #585B5E;
color: #dde4ec;
display: block;
line-height: 2.15em;

padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}

及以下是正在发生的事情与它应该是什么样子的图片。

...不正确

...正确

非常感谢任何有关如何弄清楚这种情况发生的提示。

我仍然无法弄明白这一点，任何人都有任何想法？ 我不知道是否会有一些脚本在此之前加载，这会影响菜单加载或什么。关于如何弄清楚它为什么这样做的任何建议都会有所帮助。

Answer 1

我认为你有显示：block属性，可能来自某些父元素。 尝试解决这个问题：

div.menu > ul li{
 float: left !important;
}

如果这有帮助，这意味着你有这个显示的简单问题：阻止属性。