Question

我正在尝试使用Skeleton样板创建一个简单，浮动且响应灵敏的导航栏。

它应该只是一个与容器左侧对齐的徽标和一些与右侧对齐的菜单锚链接。在滚动网站的内容时，应该固定它的位置，同时保持在Skeleton的响应网格中。 Exactly like here

这样做的自然方式对我来说就是这样。

＆＃13;

<header>
  <div class="container">
    <div class="row" style="position: absolute; margin-top: 5rem">
      <div class="two columns">
        <!--LOGO-->
      </div>
      <div class="ten columns" style="text-align: right;">
        <!--MENU-->
      </div>
    </div>
  </div>
</header>

＆＃13;

问题是通过设置 position：absolute ，div失去了分成列的能力。此外，链接不可点击。有谁能建议一个有效的解决方案在手机上有一个汉堡菜单图标将是一个理想的扩展，所以如果有人知道最简单的方法，我很乐意听到它。

提前致谢！

Skeleton：一个简单，浮动，响应式导航栏

0 个答案: