在前端開發(fā)中，菜單欄是一個很常見的元素。很多時候需要把菜單欄放在頁面的右側，用CSS可以輕松實現(xiàn)。

.navbar {
width: 100%;
background-color: #F0F0F0;
}
.navbar ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.navbar li {
display: inline-block;
margin-left: 20px;
}
.navbar a {
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

上面的代碼中，我們定義了.navbar元素為整個菜單欄容器，使用了100%的寬度并設置了背景顏色。接著設置了ul元素（作為菜單列表）的樣式，去除了默認的列表樣式，并使文本靠右對齊。然后設置li元素（作為每個菜單項）為行內塊，通過添加左側外邊距來分隔每個菜單項。最后定義了a元素的樣式，使其有較大的字體并加粗顯示。

使用這些樣式，我們可以將菜單欄靠右，方便用戶快速找到需要的菜單項。