语义 UI React - 浮动按钮从其容器中出来？

Question

我正在使用语义 UI React。我有一个 Segment 组件，里面有一些东西，最后是一个我想向右浮动的按钮，但是当我向右浮动它时，它开始从 Segment 中出来：

如果我不浮动它，它会很好地留在段内，但它在左侧，我希望它在右侧：

我可以做什么来解决这个问题？

Answer 1

您可以简单地设置 ，而不是手动调整 CSS 规则，clearing正如Segment文档所确认的那样，它会清除浮动内容。

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

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