有些時候為了使網站更美觀，我們會將導航欄設置為橫向全屏顯示，先來看下效果。

以常見的兩種分辨率顯示器給大家預覽下效果

1366*768分辨率顯示器下

 21.5寸以上顯示器流行的1920*1080分辨率

不同分辨率的顯示器下，導航欄始終顯示的是橫向全屏的效果，下面給大家介紹下卓老師建站平臺如何設置這種效果。

首先，我們先到網站頂部添加一個導航模塊，模塊欄類型選擇導航欄，模塊標題任意填寫，導航欄寬度建議小于您的網站主體寬度（網站主體寬度可在全局設置中修改）

添加好之后拖動模塊，調整到合適的大小和位置

當前的顯示效果如下圖

接下來就步入正題了。

首先，我們先計算一下當前導航欄的高度

大致計算方法，導航欄目字號+導航內距的上下邊距+欄目內距的上下邊距（下圖紅框中的五項之和）

然后通過作圖軟件制作一個等高的背景（可以用photoshop等作圖軟件，下面以photoshop為例）

打開photoshop，新建一個文件，寬度任意，高度為以上計算出的結果

然后點擊工具欄中的前景色選色面板（背景色也可以），選擇與導航欄設置的背景相同的顏色

然后按快捷鍵alt+delete填充（背景色填充ctrl+delete），保存即可

（注：導航背景使用圖片和漸變的朋友一定已經有了自己的導航背景圖片，直接使用您已有的導航背景做以下操作即可）

背景圖片制作好之后，接下來登陸卓老師建站管理后臺，找到網站樣式管里》全局樣式管理

在這里找到網站頂部主體背景和網站頂部全屏背景，選擇您剛剛制作的背景圖片，平鋪方向設置為橫向平鋪，位置設置為下

（前邊的顏色設置是您除導航區域外其他區域的顏色，不是導航顏色）

然后提交即可預覽效果，然后根據顯示情況可以進行適當微調，這樣我們想要的效果就完成了，是不是很簡單呢