具有固定右侧菜单和网格的语义 UI

Question

我正在尝试修复模板中的菜单，但是每次我使用菜单中的固定功能时，都会出现错误，因为菜单错位在页面右侧。

例子在这里：http://jsfiddle.net/ecram/ddbvg532/1/

查看代码，我认为问题出在网格上。

<div class="ui inverted page grid masthead segment">
    <div class="column">
      <div class="ui fixed inverted pointing menu">
        <div class="header item"><i class="home icon"></i> Principal
        </div>
        <div class="right menu">
          <a class="item"> About</a>
          <a class="item"> People</a>
          <a class="item"> Projects</a>
        </div></div></div>
</div>

Answer 1

我解决了这个问题：

<style type="text/css">.fijo {position:fixed !important; top:0px; z-index:10 !important} </style>

<div class="fijo">
   Content
</div>