html - 两侧导航栏

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到#wrapperCSS。这将导致正确的菜单相对于#wrapper页面而不是页面本身定位

[例子]