如上图：
1、整个页面分成 左右 两部分：
2、左边分为 上下 两部分
3、右边分为 上下 两部分(红色框比较特殊，多加一个div为了防止列的偏移)

具体步骤： 1、html：(省略tr、td)<div id="left_div">

 2、css：

(1)left_div与right_div 使用左浮动
(2)上图蓝色div框，宽度可以都使用100%，跟随左右大的div(left_div与right_div)
(3)left_div2 及 right_div1 需要加上overflow: hidden
(4)防止列错位：right_divx(上图红色div框)的宽度需要大于right_table1及right_table2，20px
(5)防止行错位：left_div2 高度 大于 right_div2 高度，20px

 3、js：

思路：
1、左下div(left_div2) 随着 右下div(right_div2) 上下移动
2、右上div(right_div1) 随着 右下div(right_div2) 左右移动