Question

最近我试图实现一个有两个边的导航栏，一个在右边，另一个在左边，它们是分开的（不是同一个div）。我设法让两个导航栏工作但我的问题是，当浏览器窗口较小时，导航栏右侧的包装器（1000px）将不会粘在右侧，而是在中心的某个位置

我的代码到现在为止

CSS

div.wrapper
{
  min-width: 1000px;
}
div.menul
{
  float: left;
  width: 880px;
  padding: 15px;
  background-color: red;
}
div.menur
{
  position: absolute;
  right: 0;
  z-index: 999;
  width: 250px;
  padding: 15px;
  background-color: yellow;
}

HTML

<div class="wrapper">
  <div class="menul">
    menu
  </div>
  <div class="menur">
    menu
  </div>
</div>

帮助将不胜感激，谢谢

Answer 1

只需将position: relative添加到#wrapper CSS即可。这将导致右侧菜单相对于#wrapper而不是页面本身

定位

[Example]

导航栏有两面

1 个答案: