divcss延伸至屏幕底部的背景色設置方法

大家知道divcss延伸至屏幕底部的背景色設置嗎?下面我們就給大家詳細介紹一下吧!css的缺點之一是缺乏垂直方向的控制，從而導致了一個表格布局不會遇到的問題。假設你在頁面的左側設定了一列用於放置網站的導航。頁面為白色背景，但你希望導航所在的列為藍色背景，使用以下css即可：

#navigation

{

background: blue;

width: 150px;

}

問題在於導航項不會一直延伸到頁面的底部，自然它的背景色也不會延伸到底部。於是左列的藍色背景在頁面上被半路截斷，浪費了你的一番設計。怎麼辦呢?很不幸我們現在只能用欺騙的辦法，即將body的背景指定為與左列同顏色同寬度的圖片，css如下：

body

{

background: url(blue-image.gif) 0 0 repeat-y;

}

背景圖應為寬150像素的藍色圖片。這一辦法的缺點是沒法使用em來指定左列的寬度，當用戶改變文字的大小導致內容的寬度擴張時，背景色的寬度不會隨之改變。

到寫這篇文章為止這是對這類問題的唯一解決辦法，因此你只能為左列使用像素值來獲得能夠自動延伸的不同的背景色。

相信大家已經學會divcss延伸至屏幕底部的背景色設置了吧!感謝大家對我們網站的支持!

相關推薦：

什麼是divcss容器內的css定位呢