CSS布局中自適應高度的解決方案

這是div+css布局中經常會碰到的基礎問題，個人覺得採用背景圖填充的方法，還是比較簡單和切實可行的。最終效果。

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;/*--for ie5.x--*/w\idth: 740px;/*--other--*/margin: 10px auto;border: solid 10px #999999;border-bottom: solid 9px #999999;/*--底部要加個1px的DIV來清除浮動，所以把底邊框設為9px--*/background: url(bg.gif) #FFFFFF repeat-y left;/*--背景填充，解決左右欄高度不一致--*/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;}

如果你有興趣的話也可看下這裡，用JS控制自適應高度的一種解決方案,不用背景圖。