css的div嵌套问题
学了css几天，发现有个问题。
如图所示,最外层有个div（粉色），内部上中下三个div，中间div内有三个水平排列的div（绿色）。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗？
我试了试，如果三个绿色div水平排列的话，middle的高度就不能自动适应，必须制定高度。我把3个绿色div暂时用table替换了。
相关文档：
网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body. ......
效果图：
csstest.css
*{
margin-left:0;
margin-top:0;
font-size:12px;
color:White;
}
#biaoge
{
/*对ID为biaoge的标签使用此CSS*/
width:405px; /*列宽100，加上五个为1的边距，四列就是405*/
&nbs ......
function $import(path,type,title,idname){
var s,i;
if(type=="js"){
&nb ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
许多人认为ie6不支持!important，其实是被一条针对ie 6的css hack给误导了。这条css hack是：
.test {
height: auto !important;
height: 500px;
}
.test的高度在其他浏览器里面是auto，而在ie6里面是500px，许多人在解释这条css hack之所以会生效是因为ie6不支持!important，误导了不少� ......
