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

时间:2014-09-05 00:45:02

标签: menu grid fixed semantic-ui

我正在尝试修复模板中的菜单,但每次当我在菜单中使用固定功能时,都会发生错误,因为菜单错误地放在了页面右侧。

示例如下: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>

1 个答案:

答案 0 :(得分:0)

我使用以下方法解决问题:

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

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