Sass 外部容器外部的Divs渲染？

我在一个外部容器中渲染了一堆帖子：

<div class="wrapper">
<div class="content">       
    <div class="post">
        <article>
            <div class="artimg">
                <img src="images/some-image.png" alt="some alt text">
            </div>

            <div class="postcontent">
                <h2><a href="#">Title text</a></h2>
                <p>Lorem ipsum blah blah.</p>
            </div>
        </article>
    </div>      
</div> <!-- End content -->
<div class="sidebar">
    ...sidebar stuff...
</div> <!-- End sidebar -->
    <div class="footer">
</div><!-- End footer -->

---

我不明白，我遗漏了什么吗？

我想你需要一个

行（）。如果将
.post
设置为一行，则它将清除由列混合设置的浮动

.post {
  @include row();
}

请参见演示：

.post {
  @include row();
}