vertical-align：垂直对齐
middle 居中 top 上对齐 bottom 下对齐
第二种方法：
style{
height:20px
line-height:20px
}
？我奇怪了，div为块级元素，middle一定在foot的上方。你可以在middle内填写内容,height:100%
宽度不用设定，内容自然会随middle宽度变化而变化。
还有z-index:0这个需要设定吗？
定位要改下relative，是相对于原本(自身,标准流时的位置为基准)的，而且移动后，原本的又暂位置。这里要改为margin-top.
clear:both这个是消除float用的。用在这里干什么？
去掉relative,z-index.上中下盒子如果没有设置固定高宽，浮动或定位，自然会随浏览器的变化而变化。
有什么问题可以继续问。
