Question

铁杆新手。尝试将带有css的背景添加到我的代码的循环区域，但似乎没有在该区域中读取。显示在rails循环函数之前或之后应用的任何css，但背景在博物馆中的所有内容之前停止。有什么帮助吗？

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问题。根据你问题的评论，它确实听起来像一个经典的“容器没有包围它的浮动”问题，即使我不能问你#museum里面的东西是否浮动。是吗？添加设定的高度符合经典症状。

那里有大量不同的漂浮和封闭技术。假设你现在没有在你的div上设置一个高度，一个快速的检查方法是，如果你给#museums overflow：hidden？问题会消失吗？

溢出：隐藏并不总是最好的浮动封闭方法，但它在90 +％的时间内都很好。试试并报告。

Answer 2

听起来你还有其他一些麻烦搞砸了。此外，看起来这里有一些分类，我假设你不希望“描述”或“名称”类的所有内容都通过应用程序具有相同的风格。如果是这种情况，请尝试：

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

或简单地说：

#museums div{background-color:transparent;}

导轨造型循环

2 个答案: