導軌造型的循環

新的導軌。試圖用css添加背景到我的代碼的循環區域，但似乎沒有在該區域中讀取。在軌道循環功能之前或之後應用的任何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>

來源

2012-02-29 Nerdysyntax

您是否嘗試過使用Firebug查看具有博物館類別，名稱，說明，位置和編輯的元素的背景值？ – 2012-02-29 19:16:43

是檢查它在谷歌開發者，如果我添加高度：500px ater背景：#ccc，它傳播循環到底部，但只是背景：#ccc停止短。 – Nerdysyntax 2012-02-29 19:46:01

我不想添加高度，因爲內容會發生變化。任何人都會注意到問題？ – Nerdysyntax 2012-02-29 19:52:34

您沒有提供足夠的信息來回答有把握的問題，我沒有足夠的業力/馬戲團點/不管作爲評論提問。

唉，我確實有一個很好的猜測。這不是Rails問題。你可以在那裏使用任何東西。這是一個CSS問題。從你的問題下的評論，它肯定聽起來像一個經典的「容器不包含它的浮動」問題，即使我不問你是否在#museum裏面的東西是浮動的。他們？添加設定高度符合典型症狀。

有關於gazillion不同的浮動清理和關閉技術。假設你現在沒有在你的div上設置高度，快速檢查方法是，如果你給#museums溢出，問題是否會消失：hidden？

溢出：隱藏並不總是最好的浮動封閉方法，但它的良好時間爲90 +％。嘗試一下並回報。

來源

2012-02-29 20:07:25 stommepoes

你是完全正確的浮動。我沒有想到明確的解決辦法。我只是從html/css中弄清楚了這一點，但軌道結構的構建方式我並不認爲是這樣。謝謝 – Nerdysyntax 2012-02-29 20:20:39

聽起來像是你有一些其他的CSS與此搞亂。此外，看起來這裏有一些classitis，我假設你不想讓'description'或'name'類的所有東西都通過應用程序具有相同的風格。如果是這樣的情況，請嘗試：

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

或者乾脆：

#museums div{background-color:transparent;}

來源

2012-02-29 20:06:05 miked

導軌造型的循環

回答

相關問題