Html `<；ul>；`不是一直漂浮在容器中

所以我以前没有见过这个问题，所以我不太确定该问什么，但是。。 我有一个菜单，里面有一个容器，我想让它浮起来，但不是所有的方式，我不知道是什么阻止它。所以我需要一点帮助

我的

向右浮动，如下所示：

nav > div div > div > ul.nav {
    position: relative;
    float: right;
    z-index: 6;
}

---

但是我认为应该从中看出以下代码中的问题

 @media (min-width: 1200px)
   .container {
   width: 1170px;
 }

上述代码将为所有大于1200px的监视器分配

宽度：1170px

。这意味着如果我在1366px监视器中打开你的代码，我可以看到只有1170px的容器

---

根据需要更改代码。

问题在于

顶栏中的元素过高。特别是
.top bar.lang
。这在1px的顶部有一个填充，导致它从容器中溢出。有两种方法可以解决这个问题

最好的方法是更改
.top bar.lang
上的填充

.top-bar .lang {
    padding: 0 10px; // this was 1px 10px 0
    font-size: 9px;
    border-right: solid 1px #2d2d2d;
}

更简单的方法是：

.top-bar .container {
    overflow: hidden;
}

因为这会导致溢出的内容被隐藏

然后剩下的就是移除div右侧的填充
折叠导航栏collapse navbar-ex1-collapse
您需要两个更改-
添加
清除：右样式位于
ul.nav
。我正在写更新的CSS-

nav > div div > div > ul.nav {
    position: relative;
    float: right;
    z-index: 6;
    clear: right;
}

另外，添加以下CSS-

.collapse.navbar-collapse.navbar-ex1-collapse {
  padding-right: 0;
}

希望这有帮助：）
也许只是我不明白你在说什么，但我看不出这和我的问题有什么关系上面的css来自twitter引导，并且只在容器上，我的问题在于
，它不是一直漂浮在容器内，所以我拿了你的，而是我添加了一个
行高：20px
，而不是将填充编辑为
0 10px
，这就做到了，而且不需要移动离顶部近一个像素的图像：）所以谢谢你，当然了。备选案文3；-）这也有帮助。它的作用与第一个选项相同，它使div稍微低一些。很高兴听到问题解决了！