sass 未知元素和未知高度的网格混合

Question

我写了这个 sass 网格混合，当我想要一个包含未知数量元素的画廊风格网格时使用，只要它们高度相等，它就很好用。

@mixin part_of($num, $gutter_percent: $gutter_percent){
        margin-right: $gutter_percent;
        float: right;
        width: (100 - $gutter_percent * ($num - 1)) / $num;
        &:nth-of-type(#{$num}n+1){
        margin-right: 0;
        }
        &:nth-of-type(n+#{($num+1)}){
        margin-top:$gutter_percent;
        }
}

对于我来说，我似乎无法让它在未知高度下工作，我知道我需要在某个地方使用 clear 属性，但我不确定在哪里。

Answer 1

想通了，我需要在新行上为每个元素添加 clear:both