css - 用于未知元素和未知高度的 sass 网格混合

Question

我写了这个 sass grid mixin 用于当我想要一个包含未知数量元素的画廊风格网格时，只要它们高度相等，它就可以很好地工作。

@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 添加到新行中的每个元素