固定導航欄重疊問題

我有兩個導航欄：一個顯示在一組頁面上，另一個顯示在另一組頁面上（使用application.html.erb中的if ... else語句）。兩個導航欄在頂部有一個固定位置，因此與以下文本重疊。我可以通過在樣式表中添加body {margin-top: 25px;}來解決這個問題。然而，問題在於，它對於具有不同導航欄的頁面也是如此，該頁面沒有固定的位置，導致在這些頁面的頂部有25px高的白條。固定導航欄重疊問題

我如何才能將margin-top僅包含在使用特定導航欄的頁面？

來源

2015-06-13 Nick

將margin-bottom添加到特定的導航欄怎麼辦？

編輯：你可以將你的所有內容包裝在一些div，並動態添加類（與你在導航欄中的條件相同）。

<div class="<%= condition ? first_class : second_class %>">

並添加適當的利潤率那些clsass。

來源

2015-06-13 15:46:15 caspg

不幸的是，這是行不通的。它將固定的導航欄放在主體的頂部，因此主體與導航欄的邊距不相關。 – Nick

我已編輯答案。也許這一個幫助。 – caspg

謝謝，真聰明 – Nick

爲什麼不爲該位代碼創建一個新的樣式表，並將其包含在需要的導航欄中？

你甚至不需要改變你的if語句。

來源

2015-06-13 15:39:06 TRose

但是，由於其資產管道，Rails不會自動包含整個應用程序的樣式表並將其應用於所有頁面？ – Nick

固定導航欄重疊問題

回答

相關問題