
我們在網(wǎng)站開發(fā)的過程中,經(jīng)常會遇到這樣的設(shè)計要求。
比如說:在大分類:關(guān)于我們欄目下面有好幾個子欄目,例如:公司介紹,發(fā)展歷程,企業(yè)文化,榮譽證書等
但是子分類的內(nèi)容不多,單獨設(shè)計頁面有點浪費。所以想把他們集成一個頁面下,更加簡潔方便,一目了然。
所以我們一般在導(dǎo)航上會添加相對定位,就是在點擊導(dǎo)航上的時候,通過#進(jìn)行頁面定位。
但是我們在寫了多個DIV并添加上相應(yīng)的id后,發(fā)現(xiàn)在點擊導(dǎo)航的按鈕進(jìn)行頁面定位的時候,會被添加了fixed的導(dǎo)航條擋住一部分內(nèi)容。
所以我們需要對這個ID添加一段代碼來解決這個問題:
例如:
<div class="" id="Clutre" style="position: relative; top: -110px;"></div>
添加了這段style之后,他會自動距離頂部110PX,從而不會被導(dǎo)航擋住。
110是我的導(dǎo)航高度,你可以根據(jù)你的實際情況進(jìn)行修改。