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

Question

是否有一种简单的CSS方式来实现以下布局？:

在这里你可以看到2个高度为100%的div容器.右侧div用于菜单,宽度为200px.而左边的div也应该是100%的宽度,但是200px的边距 - 右边(这个解决方案对我来说不起作用:/),至少在所有浏览器中都没有.如果不可能,任何人都可以推荐一个jquery插件吗？

Answer 1

你喜欢这样:

CSS

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

html, body{
    height:100%;
}

检查这个http://jsfiddle.net/RDyY5/