为什么“关于”和“博客”显示在彼此上方？答案

【问题标题】：Why are "About" and "Blogs" displayed above each other?为什么“关于”和“博客”显示在彼此上方？
【发布时间】：2014-02-20 11:53:43
【问题描述】：

这个 Wordpress 主题打败了我！ ;-)

我不明白为什么“关于”和“博客”在这里显示在彼此上方：

这里还有另一个主题的博客。在该博客上，“关于”和“博客”并排显示：

我已经查看了我能想到的所有 CSS 属性，比如

display, ul: list-style-type, li: list-style-type etc.

我错过了什么？

【问题讨论】：

【解决方案1】：

检查你的#mh1-menu，你设置了你的width: 115px;，如果没有必要，请不要在你所有的css上使用!important。

【讨论】：

谢谢@fxdavidd。我认为需要同时设置 widht 并在此处设置所有 !importants 。我的风格必须赢得主题风格。或者，嗯，我需要重新考虑一下吗？我也许可以通过更具体的蜜蜂获胜？
首先，您需要检查#mh1 css 声明的来源。因此，您可以在 style.css 上正确编辑它们或编写自己的 css。无需说服队友，只需将它们修改为您的需求即可。
恐怕不是这种情况，@fxdavidd。我无法控制这里的主题。我所写的是一个 wordpress 多站点的横幅。 #mh1 是横幅。它应该适合每个 Wordpress 主题。（即使不总是很漂亮。;-)）

【解决方案2】：

在提供的链接（第一个链接）上，菜单 css 显示在 24 岁的 wordpress 主题 style.css 文件和 html 头部内。

找到菜单的 CSS。

改变这个

#mh1 li {
    padding: 0 !important;
    margin: 0 !important;
}

到这里

#mh1 li { 
    padding: 0 !important;
    margin: 0 !important;
    float: left !important;
    line-height: 40px !important;
}

【讨论】：

谢谢@Genus，但我不明白你为什么建议这个。能否请您解释一下？
UL 列表 li 垂直显示，仅 display:inline-block 是不够的，您可能需要左右浮动才能并排显示。当你只浮动：左；那么你可能会遇到另一个问题，标题栏可能会降低高度和行高：40px！important；将确保它显示正确并与分配给标题部分的高度空间对齐。
谢谢，我明白了。但我使用“display: inline-block”，所以这里不需要“float”。在这种情况下，也不需要固定高度。（这在此处调整大小的事件中得到处理。）