rails设置循环样式

Question

rails新手。我试图用css在我的代码的循环区域添加一个背景，但它似乎不能在该区域读取。在rails循环函数之前或之后应用的任何css都会显示出来，但背景会在museum.each do循环中的所有内容之前停止。有什么帮助吗？

scaffold.css.css：

#museums {
    background: #ccc;
}

索引：

<div id="museums">
<h1> Museums </h1>
<% @museums.each do |museum| %>
    <div class="museumAdd">
        <div class="name"><%= museum.name %></div>
        <div class="description"><%= museum.description %></div>
        <div class="location"><%= museum.city %>, 
        <%= museum.state %></div><br />

        <div class="edit">
            <%= link_to 'View', museum %><br />
            <%= link_to 'Edit', edit_museum_path(museum) %><br />
            <%= link_to 'Delete', museum, :confirm => 'Are you sure?', :method => :delete %>
        </div>
    </div>
<% end %>
</div>

Answer 1

你没有提供足够的信息来确定地回答这个问题，我也没有足够的因果报应/马戏团积分/任何东西来提出问题作为评论。

哦，好吧，我确实有一个很好的猜测。这不是Rails的问题。你可以在后面用任何东西。这是一个CSS问题。从你的问题下面的评论来看，这听起来肯定像是一个经典的“容器没有封闭它的浮动”问题，即使我不能问你#博物馆里的东西是否浮动。是吗？添加一个设置的高度符合经典症状。

这里有无数种不同的浮点清除和-enclosing技术。假设你现在没有在div上设置高度，一种快速的检查方法是，如果你给出#museums : hidden，这个问题会消失吗？

Overflow:hidden并不总是最好的浮点封闭方法，但它在当时是很好的90+%。试一试，然后报告给我。

Answer 2

听起来你有一些其他的css来处理这个问题。此外，看起来这里有一些分类，我假设你不希望'description‘或'name’类的所有东西都通过应用程序具有相同的样式。如果是这样的话，试一下：

#museums {
    background: #ccc;
}
.museumAdd .name, .museumAdd .description, .museumAdd .location, .museumAdd .edit{
background-color:transparent;
}

或者简单地说：

#museums div{background-color:transparent;}