我有两个导航栏:一个在一组页面上显示,另一个在另一组页面上显示(在application.html.erb中使用if ... else语句。)两个导航栏中的一个有一个固定位置在顶部,因此与以下文本重叠。我可以通过在样式表中添加body {margin-top: 25px;}
来解决这个问题。但是,问题在于它也会对具有不同导航栏的页面执行此操作,该导航栏没有固定位置,导致这些页面的顶部有25px高的白条。
如何仅为使用该特定导航栏的网页添加margin-top
正文?
答案 0 :(得分:0)
为什么不为这段代码创建一个新的样式表,并将其包含在需要的导航栏中?
您甚至不需要更改if语句。
答案 1 :(得分:0)
如何将margin-bottom
添加到特定的导航栏?
编辑:
您可以将所有内容包装在某些div
中,并为其添加动态类(与导航栏中的条件相同)。
<div class="<%= condition ? first_class : second_class %>">
并为这些clsass添加适当的边距。