在制作一個頁面時我們首先要考慮的就是頁面的導航欄，也可以說是菜單欄。下面分別的一些常見網站的導航欄： 
他們的特點都是以width:100%設置寬度，即無論頁面放大多少都充滿整個頁面的寬度，但是頁面放大是沒有問題了，可是頁面如果縮小（即只顯示部分頁面）就有可能導致導航欄的子元素被擠到下面，隨着頁面的不斷縮小而持續不斷地被擠到下一行。
我這里的解決方法是將導航欄在設置一個min-width屬性，限制頁面縮小時的最小寬度，當低於此寬度時頁面出現滾動條，而不會導致元素被擠下來的現象。當然還有另外一種方法是設置響應式布局，根據瀏覽器大小來分別設置CSS樣式，在此不再贅述。