元素將不顯示inline-block的

Question

我試圖使一個地方我的網站標誌和側水平導航元素的一面，有點像這樣：http://colorgrade.it/

出於某些原因，它仍然顯示塊，和看看Chrome的JavaScript控制檯顯示導航元素具有屬性display：block，這似乎解釋了問題。

但是，我無法找到在我的CSS這是造成這一點。造成這種屬性的元素是UL，菜單和目錄

在該文件中塊A的搜索返回

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（找application.sass如果你使用青菜或application.css會做得很好。

如果您想進一步的建議，請發表您的導航的HTML代碼和CSS代碼。