两列布局等高问题

Question

两列布局，左边使用的浮动float:left; 右边使用的是margin值等于左侧宽度。左右都写了height:100%;

但是当窗口缩小时，左侧宽度不能自适应窗口高度了，与右侧脱节。

请问是什么原理？

有没有除了添加padding-bottom:1000px和margin-bottom:-1000px 父元素overflow:hidden之外的解决方法呢。（这种方法当窗口缩小时，页面没办法自动出现滚动条）。