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

时间:2011-11-06 14:28:47

标签: css

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

enter image description here

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

1 个答案:

答案 0 :(得分:5)

你喜欢这样:

<强> 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/