HTML5+Css3 网页DIV布局求助问题

这是一个页面背景，初步分成三个DIV来做，背景有两个DIV，中间白色区域为内容区域DIV，请问：中间区域的DIV的height属性如何根据内容增高，并且始终浮动在下方绿色DIV上方，并且距绿色DIV下边框54px

你布局的思路有问题，看不到具体设计稿没法说，但是，为什么要用一个div专门显示背景图？
既然你用css3，css3支持多背景图片。背景图片完全可以设置在body或者最外层的div上。
要白色区域根据内容增高，不要设置固定高度即可。

最外层一个div，背景颜色为绿色，position为relative,padding-bottom:54px，内层一个div，背景图片为左边的背景图，最内层一个div为内容区域，不设置高度