HTML CSS - 導航欄最右側部分的註銷按鈕

-2

我所做的是我多次放置了這個窗口，但是當您更改窗口大小時，註銷按鈕不會保持放置狀態。您如何製作除了使用012bnbsp代碼之外，註銷按鈕還停留在導航欄的最右側部分？由於HTML CSS - 導航欄最右側部分的註銷按鈕

2015-10-13 user3360708

你只是不使用'' 。使用'margin'或'float'。刪除' '。這是不好的 –

你可以在你的問題中包括你的HTML和CSS？ – bot

無論窗口大小如何，使用＆nbsp將始終添加空白區域。如果您希望註銷按鈕保持在右側，則可以使用float：right或marrgin來保持位置，而不管窗口的大小。 –

嘗試這個

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
     div.horizontal ul { 
     list-style-type: none; 
     margin: 0px; 
     padding: 0px; 
     } 
     div.horizontal { 
     width: 100%; 
     height: 30px; 
     background-color: #98BF21; 
     } 
     div.horizontal li { 
     float: left; 
     } 
     div.horizontal a:link, div.horizontal a:visited { 
     font-weight: bold; 
     color: #FFF; 
     background-color: #98BF21; 
     text-align: center; 
     padding: 4px; 
     text-decoration: none; 
     text-transform: uppercase; 
     } 
     div.horizontal a { 
     display: block; 
     width: 100px; 
     } 
     li.last 
     { 
     float:right !important; 
     } 
     </style> 
    </head> 
    <body> 
     <div class="horizontal"> 
     <ul> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">News</a></li> 
      <li><a href="#">Articles</a></li> 
      <li><a href="#">Forum</a></li> 
      <li><a href="#">Contact</a></li> 
      <li><a href="#">About</a></li> 
      <li class="last"><a href="#">Logout</a></li> 
     </ul> 
     </div> 
    </body> 
</html>

來源

2015-10-13 08:12:47

沒有合理的理由在最後一個li元素上添加最後一個類。 CSS有一個僞類來做到這一點，而最後你應該使用：last-child，所以：ul li：last-child –

HTML CSS - 導航欄最右側部分的註銷按鈕

回答

相關問題