css如何實現(xiàn)直通到屏幕底部的背景色

發(fā)布時間：2022-03-15 15:34:58 來源：億速云閱讀：493 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“css如何實現(xiàn)直通到屏幕底部的背景色”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css如何實現(xiàn)直通到屏幕底部的背景色”這篇文章吧。

直通到屏幕底部的背景色

在垂直方向是進(jìn)行控制是CSS所不能的。如果你想讓導(dǎo)航欄和內(nèi)容欄一樣直通到頁面底部，用表格是很方便的，但如果只用這樣的CSS：

#navigation{background:blue;width:150px}

較短的導(dǎo)航條是不會直通到底部的，半路內(nèi)容結(jié)束時它就結(jié)束了。該怎么辦呢？

不幸的是，只能采用欺騙的手段了，給這較短的一欄加上個背景圖，寬度和欄寬一樣，并讓它的顏色和設(shè)定的背景色一樣。

body{background:url(blue-image.gif)00repeat-y}

此時不能用em做單位，因為那樣的話，一旦讀者改變了字體大小，這個花招就會露餡，只能使用px。

以上是“css如何實現(xiàn)直通到屏幕底部的背景色”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡