這是div+css布局中經(jīng)常會(huì)碰到的基礎(chǔ)問(wèn)題，個(gè)人覺(jué)得采用背景圖填充的方法，還是比較簡(jiǎn)單和切實(shí)可行的。最終效果。 
CSS源代碼:以下是引用片段：
body{ 
background:#EDEDED; 
font-size:70%; 
font-family:Arial,Helvetica,sans-serif; 
line-height:130%; 
color:#666666; 
margin:0; 
padding:0; 
text-align:center; 
} 
#layout{ 
width:760px;/*--forie5.x--*/ 
w\idth:740px;/*--other--*/ 
margin:10pxauto; 
border:solid10px#999999; 
border-bottom:solid9px#999999; 
/*--底部要加個(gè)1px的DIV來(lái)清除浮動(dòng)，所以把 
底邊框設(shè)為9px--*/ 
background:url(bg.gif)#FFFFFFrepeat-yleft; 
/*--背景填充，解決左右欄高度不一致--*/ 
text-align:left; 
} 
#sidel{ 
float:left; 
width:190px; 
} 
#sider{ 
float:right; 
width:540px; 
} 
pre{ 
padding:10px; 
margin:0; 
} 
.clear{ 
background:#999999; 
clear:both; 
height:1px; 
overflow:hidden; 
}