div css延伸至屏幕底部的背景色的方法

歡迎大家在這裡學習div css延伸至屏幕底部的背景色!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

css的缺點之一是缺乏垂直方向的控制，從而導致了一個表格布局不會遇到的問題。假設你在頁面的左側設定了一列用於放置網站的導航。頁面為白色背景，但你希望導航所在的列為藍色背景，使用以下css即可：

#navigation

{

background: blue;

width: 150px;

}

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

body

{

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

}

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

好了，div css延伸至屏幕底部的背景色內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

div css圖片替換的技巧