Question

好的，我想添加上面的标题，但我不能评论，因为我的声誉不够高，我认为提供问题的答案是不合适的。请告诉我，如果我不合适，将来，如果我对某个主题有疑问，我应该通过答案按钮提问。

无论如何，我尝试了这里应用的解决方案，将导航栏按钮向右移动，并且它有效。但是其他事情发生了，虽然我喜欢发生的事情，但我想知道如果它再次发生我怎么能阻止这种变化，我不希望它发生。

以下是问题：

我的导航栏位于左侧的横幅中。当我添加下面的代码时，导航栏向右移动，但它下降到横幅的渐变之下。有人知道为什么吗？

这是我的HTML代码：

     <header class="banner" role="banner">
   <h1>Good Karma Bikes</h1>
   <ul class="NavBarButtons">
     <li><a href="https://www.google.com">Need a Bike?</a></li>
     <li><a href="https://www.google.com">Get Involved</a></li>
     <li><a href="https://www.google.com">About Us</a></li>
     <li><a href="https://www.google.com">Our Impact</a></li>
     <li><a href="https://www.google.com">What's New</a></li>
     <li><a href="https://www.google.com">Donate Now</a></li>
   </ul>
 </header>

这是我的CSS代码：

/* === Code for NavBar Buttons Begin === */
.NavBarButtons {
list-style-type: none;
margin: 0;
padding: 0;
}

.NavBarButtons li{
display: inline;
**float: right;**
}
/* === Code for NavBar Buttons Buttons End === */

有人知道如何防止这种转变到横幅下方吗？

如何将此导航栏移动到右侧2

0 个答案: