div+css布局错乱问题解决方法

div是一种分块机制，这就要求在设计页面时要弄清各块之间级联关系
这个问题需要把left和right再使用一个div包含起来，直接上代码啦，下边就可以实现你要求的布局。foot总在下边，并能随着left，right的高度改变自动调整。

　　div+css布局错乱问题解决方法如下：
　　1、用CSS display:table-row属性来调试，发现者FireFox下正常了，但IE是不支持改属性的，用JS来做判断，然后做兼容。
　　2、另外一个很简单也很可行的方法，就是用display:''这个属性dispaly后面不加任何的东西，这样就兼容了Firefox和IE了。

1. 宽度计算错误造成错位；解决方法：计算我们设置宽度、边框、paddind、margin之和。

2. 浏览器问题造成错乱；解决方法尽量少使用margin属性，或者使用css hack。

你的问题，content DIV块中加入overflow: auto；left DIV块中加入 float: left；right DIV块中加入 float: right；

你在

用div把left和right包裹起来，如果还是老样子就在foot前面清除浮动