semantic-ui - 当菜单固定到顶部时，语义 ui 段不覆盖整个菜单

Question

我正在尝试创建一个固定在页面顶部的菜单：

<Segment inverted>
   <Menu fixed = "top" inverted pointing
       secondary stackable size="large" >
     <Container>
       <Menu.Item as="a" name="Item1">
       <Menu.Item as="a" name="Item2">
     </Container>
   </Menu>
</Segment>

当菜单固定到顶部时，周围段的大小小于嵌入式菜单（并且也未固定到顶部）。

正确的方法是什么？

在 codepen 上演示

Answer 1

你不应该同时使用secondary和inverted。如果你删除secondary属性，我想你会看到结果。

您还可以向内容添加自定义类，Segment因此如果Menu已修复，则向内容添加margin-top: 32px;（或您想要的任何大小）Segment。