Css 如何以100%的高度并排显示两个div？

有没有一种简单的css方法来实现以下布局

在这里你可以看到2个100%高的div容器。右边的div代表菜单，宽度为200px。左边的div也应该是100%的宽度，但是右边有200px的边距（这个解决方案不适合我：/），至少不是在所有浏览器中。 如果不可能，有人可以推荐jquery插件吗？

您喜欢这样：

CSS

.right{
    float:right;
    width:200px;
    height:100%;
    background:red;
}
.left{
    overflow:hidden;
    background:green;
    height:100%;
}

html, body{
    height:100%;
}

选中此项

您喜欢这样做：

CSS

.right{
    float:right;
    width:200px;
    height:100%;
    background:red;
}
.left{
    overflow:hidden;
    background:green;
    height:100%;
}

html, body{
    height:100%;
}

检查这个