css - 语义 UI React - 从容器中出来的 float 按钮？

Question

我正在使用语义 UI React。我有一个 Segment 组件，里面有一些东西，以我想向右浮动的 Button 结尾，但是当我向右浮动时，它开始从 Segment 中出来:

如果我不 float 它，它会很好地留在 Segment 内，但它在左侧，而我希望它在右侧:

我该怎么做才能解决这个问题？

Answer 1

无需手动调整 CSS 规则，您只需在 Segment 上设置 clearing，即 the documentation确认，清除 float 内容。

在幕后，它目前似乎应用了 clearfix 的变体:

.ui.clearing.segment::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}