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%;
}

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

https://stackoverflow.com/questions/8027671/

相关文章:

php - 使用 PHP 检查字符串是否包含(CR、LF 或 CF 或 LF)或不包含

networking - BGP 与 OSPF 和 IsIs

PHP PDO - 可以连接但查询不工作

django - 只读表单字段格式

oracle - 检查临时表是否存在

json - 将Json信息转换成F#列表

haskell - 在 Haskell 中打印元组内的值

php - 使用 facebook sharer.php 与多个 url 变量共享一个 url

php - 如何使用某些 php 函数隐藏或编码 url?

c# - ASP.NET 中的虚拟路径