レールをスタイリングするレール

Question

レールに新しくなりました。私のコードのループ領域にCSSを使って背景を追加しようとしていますが、その領域では読み込まれないようです。レールループ機能の前後に適用されたCSSは表示されますが、バックグラウンドはmuseum.eachのすべてのループの直前で停止します。どんな助け？

scaffold.css.css：

#museums { 
    background: #ccc; 
} 

インデックス：あなたはこのをいじっていくつかの他のCSSを持っているよう

<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に設定されている高さを持っていないと仮定すると、確認する簡単な方法は#museumオーバーフローを与えると問題は消えますか？

オーバーフロー：隠された浮動小数点型の方法は常に最適な方法ではありませんが、時間の90％以上は良いです。それを試して、報告してください。

Answer 2

が鳴ります。また、ここにはクラスビットのビットがあるように見えますが、私はあなたが 'description'や 'name'クラスのすべてがアプリを通して同じスタイルを持つことを望まないと仮定しています。その場合は、試してみてください。

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

または単純に：

#museums div{background-color:transparent;}