修复导航栏重叠问题

Question

我有两个导航栏：一个显示在一组页面上，另一个显示在另一组页面上（在 application.html.erb 中使用 if...else 语句。）两个导航栏之一有一个顶部的固定位置，因此与以下文本重叠。我可以通过在样式表中添加body {margin-top: 25px;} 来解决这个问题。但是，问题在于它也会对具有不同导航栏的页面执行此操作，该导航栏没有固定位置，导致在这些页面的顶部出现 25 像素高的白条。

我如何才能将margin-top 仅包含在使用该特定导航栏的那些页面的正文中？

Answer 1

将margin-bottom 添加到特定导航栏怎么样？

编辑： 您可以将所有内容包装在某个 div 中，并为其动态添加类（与导航栏中的条件相同）。

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

并为这些类添加适当的边距。

Answer 2

为什么不为那段代码创建一个新样式表，并将其包含在所需的导航栏中？

您甚至不必更改您的 if 语句。