修复了导航栏重叠问题

时间:2015-06-13 15:32:04

标签: html css ruby-on-rails ruby ruby-on-rails-4

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

如何仅为使用该特定导航栏的网页添加margin-top正文?

2 个答案:

答案 0 :(得分:0)

为什么不为这段代码创建一个新的样式表,并将其包含在需要的导航栏中?

您甚至不需要更改if语句。

答案 1 :(得分:0)

如何将margin-bottom添加到特定的导航栏?

编辑: 您可以将所有内容包装在某些div中,并为其添加动态类(与导航栏中的条件相同)。

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

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