这个问题需要把left和right再使用一个div包含起来，直接上代码啦，下边就可以实现你要求的布局。foot总在下边，并能随着left，right的高度改变自动调整。
<div id="box">
<div id="content">
<div id="left">这里是页面的左部分内容</div>
<div id="right">这里是页面的右部分内容</div>
</div>
<div id="foot">这里是放页尾的版权信息等的</div>
</div>
/******css样式**/
<style type="text/css">
#content{
width: 100%
background: aqua
overflow: auto
}
#left{
width:50%
float: left
height:250px
background: blue
}
#right{
width:50%
float: right
height:100px
background: fuchsia
}
#foot{
height: 30px
background: gray
}
</style>
上传到服务器没有加后台标签，一般不会出什么问题，有的后台对于页面中源代码里的回车非常敏感，会造成局部错位。不知道页面乱成什么样，有时候看着页面非常混乱，但问题其实只在一处，这一处问题解决，整个页面也就正常了。如果这个页面加了后台标签，则需要检查一下是不是有的标签没有关闭，或者多出了标签。在ie6中本地文件有时会和上传的文件不一样，如果源代码里有中文注释，最好用拼音或者英文代替。可以给每块加上宽高和溢出隐藏，让页面恢复正常
