元素不会显示内联块

Question

我正在尝试将我的网站徽标和水平导航元素并排放置，如下所示：http://colorgrade.it/

出于某种原因，它仍然显示阻止，看看Chrome的javascript控制台显示导航元素有属性display：block，这似乎可以解释问题。

然而，我无法在我的CSS中找到导致这种情况的地方。有助于此属性的元素是ul，menu和dir

在文件中搜索块返回

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
article, aside, details, figcaption, figure, 
footer, header, hgroup, section {
  display: block;
}

我还尝试将inline-block添加到导航元素本身：

<%= render :partial => 'layouts/navigation' , :style=>"display:inline-block;"%>

导航元素如下所示：

<ul id="navigation">
  <li>several li elements</li>
</ul>

有人可以解释为什么这两个元素没有并排排列吗？谢谢！

Answer 1

您无法将参数style传递给render，您需要在导航部分中应用样式选项（查找类似navigation.html.erb的内容）

但是，我建议不要在你的html中使用样式属性，除非你真的需要。在您的情况下，在样式表中使用css（如果您使用sass或application.sass，请查找application.css即可。

如果您需要进一步的建议，请发布导航的html代码和您的CSS代码。