css的div嵌套问题
学了css几天，发现有个问题。
如图所示,最外层有个div（粉色），内部上中下三个div，中间div内有三个水平排列的div（绿色）。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗？
我试了试，如果三个绿色div水平排列的话，middle的高度就不能自动适应，必须制定高度。我把3个绿色div暂时用table替换了。
相关文档：
盒子标签和属性对照
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，误导了不少� ......
浅谈IE与Firefox对CSS的不同解析——安徽迎客松
其实，以前从来没有接触过CSS相关的内容，都是在做业务的编程，从来没想过前台页面的设计也能如此复杂。这次项目的开过过程中，作为CSS菜鸟的我也接触到CSS的相关设计。所出现的低级问题和浪费很多时间的状况也层出不穷，所以通过各方搜索和自己的实际学习中总结� ......
