Css右上角

Question

你好，如何將div類移動到頁面的右上角而不使頁面變長？

我的CSS代碼：

.nav ul { 
list-style: none; 
text-align: center; 
padding: 0; 
margin: 0; 
position: absolute; 
top:0px; 
right: 0px; 
} 

Answer 1

謝謝你給你的HTML和CSS的其餘部分。這個問題來自於CSS行：

.nav li { 
    display: inline-block; 
    margin-right: -5px; 
} 

不知道爲什麼被顯示在第一位置的餘量，但似乎你的補償它與-5px。這使得你的最後一個列表元素5px太遠了。

你應該做的是找出爲什麼邊緣是首先制定和解決這個問題。如果你找不到，那麼你的​​風格後直接加入這一行：

.nav li:last-of-type { 
    margin-right:0;  
} 

這將採取-5px保證金關閉最後一個列表元素。

Here's an updated fiddle顯示該修復程序。

Answer 2

你應該嘗試添加下面的CSS線

header{ 
    width: 700px; 
} 

更改爲任何寬度你想擁有的寬度。如果你沒有爲你的（塊）元素設置一個寬度，它們會伸出100％。此外，如果你想它居中，你會添加margin: 0 auto;。該css看起來如下：

header{ 
    width: 700px; 
    margin: 0 auto; 
}