Css 如何在Susy 2中的嵌套网格/行元素之间设置边距

我尝试实现一个非常简单的HTML结构来显示注释：在注释文本的左侧显示一个化身，如下所示：

<div class="comment">
     <div class="comment-avatar"><img src="..." /></div>
     <div class="comment-text">Some comment text</div>
</div>

我的问题：我想在彼此之间留出评论空间，因此我设置了

.comment {
   margin-bottom:70px;
}

但这并不有效：有时会尊重边距，但如果注释文本较长，则不会尊重边距（请参见，介于拉丁语文本和注释文本之间2）

---

任何建议都会非常有用

您需要

注释

包装来清除其浮动内容。Susy有一个

clearfix

，如果您没有自己的，您可以使用：

.comment {
  @include susy-clearfix;
  margin-bottom:80px;
}

.comment {
  @include susy-clearfix;
  margin-bottom:80px;
}