.html.erb集DIV不工作正確

Question

我只是創造了一個軌道，並scaffold列出索引頁的所有stories和_stories.html.erb是在index.html.erb

渲染我想每個故事div有一個紅色的部分背景例如：

.storyCell{ 
    background-color:red; 
    height:100px; 
} 

_stories.html.erb

<tbody> 
     <% @stories.each do |story| %> 
     <div class="storyCell"> 
      <tr> 
      <td><%= story.content %></td> 
      <td><%= story.finished %></td> 
      <td><%= link_to 'Show', story %></td> 
      <td><%= link_to 'Edit', edit_story_path(story) %></td> 
      <td><%= link_to 'Destroy', story, method: :delete, data: { confirm: 'Are you sure?' } %></td> 
      </tr> 
     </div> 
     <% end %> 
     </tbody> 

但結果是故事模型屬性頂部的紅色div。謝謝！

Answer 1

這是無效的HTML。你不能在一個tbody裏面有一個div。刪除你的DIV，只是把類直接在錶行：

<tr class="storyCell"> 

這裏發生的是，瀏覽器正試圖做到最好就可以呈現無效的HTML，所以它拉格了（它在表格中不允許），並將其呈現在表格上方。

Answer 2

，您可以給類<tbody>這樣的：

<tbody class="storyCell"> 

這裏是W3Schools的例子，你可以看看：http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_tbody 。你不能插入表格元素DIV，因爲它會在正確的HTML渲染輸出。