在轨道中循环的垂直方式

Question

这是我的示例视图

<style>.listing{float: left}</style>

<div class="listing left-most">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

<div class="listing">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

<div class="listing">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

例如：共有3篇帖子和6条评论。需要垂直显示而不是水平显示

是否可以使用导轨环垂直显示？是的，我怎么能实现它。我可以显示它

修改1

\

如何通过rails循环实现类似的设计。标题和列表都是动态的数据库。

Answer 1

是的，摆脱float:left。你为什么包括它？该规则的目的是停止事物垂直显示。块级元素的默认行为（所有元素都是垂直堆叠）。您添加明确的CSS会破坏此默认行为。