css - 如何并排显示两个高度为 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/