在調整窗口大小的同時導航移動

Question

在調整窗口大小的同時，是否有一種快速簡單的方法可以讓導航不移動？

我現在所擁有的東西是這樣的，這顯然是錯誤的，因爲比例會改變。

我不確定是否應該使用固定寬度？

#mainnav { 
position: absolute; 
left: 30%; 
top: 75px; 
width: 50%; 
} 

謝謝你的回答。

Answer 1

這真的取決於你正在創建什麼樣的頁面。如果您正在創建響應式/交互式應用程序，則可能需要固定或絕對導航，但很難從您提供的代碼中分辨出來。

一個更傳統的方法是用一個固定的寬度來包裝容器中的網頁內容：

<div id="container"> 
    <div id="mainnav">...</nav> 
    <div id="main-content">...</div> 
</div> 

CSS

#container 
{ 
    width: 1000px; 
    margin: 0 auto; // will center your container inside page body, even on resize 
} 

#mainnav 
{ 
    display : block; 
} 

這樣，你的淨資產值將與內容，並不會廝守調整。管理導航元素內容也容易得多。