Javascript 两列布局，两列高度相同，两列填充屏幕的全高

我需要一个两列布局，其中两列的高度必须相同，如果两个div的内容都不够高，那么两列都需要延伸到页面底部

我一直在使用javascript来平衡高度，并确保它们延伸到页面底部，这很好，但我也使用ajax构建了一个插入的小表。这会导致内容拉伸，因此意味着div的高度不再向下拉伸，等等。。我想我可以使用更多的javascript来根据我的桌子的高度增加更多的高度，但必须有一个更简单的方法

我对css不是很在行，大多数情况下，我认为这是最明智的方法，但必须有一种方法可以让两列不同颜色的列并排出现，这两列是页面的整个高度，彼此的高度相同，并且在添加更多内容时会拉伸

最好的方法是什么

为了好玩，这里是我的js

// Equalise the heights of the two main columns and body
var $toEqualize = $('.equalheightbox');
var wS = $(window).height();
$toEqualize.css('height', (function(){
    return Math.max.apply(null, $toEqualize.map(function(){
        var addALittle = $(this).height() + 50;
        $('body').css('height', (wS > addALittle ? wS : addALittle));
        return wS > addALittle ? wS : addALittle;
    }).get());
}));

---

您是否考虑过通过CSS将高度设置为100%

---

犯错误这似乎是可行的，但当我在没有加载页面的情况下添加my table时，页面底部会出现一个白色边框：（与my table的高度相同）您可以制作一个JSFIDLE或其他东西来演示吗？

 html,body { height:100%;}
.column { width:50%; height:100%; float:left;}