我有两个导航栏:一个显示在一组页面上，另一个显示在另一组页面上(在 application.html.erb 中使用 if...else 语句。)两个导航栏之一有一个位于顶部的固定位置，因此与以下文本重叠。我可以通过将 body {margin-top: 25px;} 添加到样式表来解决这个问题。然而，问题是它也对具有不同导航栏的页面执行此操作，导航栏没有固定位置，导致这些页面顶部有一个 25 像素高的白色栏。
我如何才能仅在使用特定导航栏的那些页面的正文中包含 margin-top？
最佳答案
添加margin-bottom怎么样？到特定的导航栏？
编辑:
您可以将所有内容包装在一些 div 中，并向其动态添加类(与导航栏中的条件相同)。
<div class="<%= condition ? first_class : second_class %>">
并为这些类添加适当的边距。
关于html - 修复导航栏重叠问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30820391/