0

我精通 CSS，但一整天都没有找到解决方案。

我的目标是 IE9+，对 JavaScript/jQuery 解决方案不感兴趣。（至少在我用尽任何可行的 CSS 选项之前）

我有一个复杂的 2 列布局，用于 Web 应用程序。两列都有动态内容。左列需要扩展以适应它的内容而没有滚动条。右栏可能有非常大的内容需要访问，因此右栏需要能够独立滚动。问题是我无法在右列上设置 100% 的宽度，因为它超出了窗口宽度。通常我会设置一个负的左边距来解决这个问题，但由于我不知道左栏有多宽，所以我不能在这里这样做。我想也许某种类型的 hackydisplay: table-cell;会起作用，（或者喘不过气来，使用实际的表格）但是唉，那样也没有成功。JSFiddle 示例。http://jsfiddle.net/nARqR/ 似乎是一个常见的用例。

有什么建议么？谢谢！

4

1 回答 1

2

我能想到的唯一方法是这样做（小提琴）：

.left {
    background-color: #ccc;
    float: left;
    vertical-align: top;
}
.right {
    background-color: #666;   
    color: #ccc;
}

但是你会遇到右 div 上的填充问题，因为它的一部分隐藏在左 div 后面（因为它是浮动的）

于 2013-08-06T14:37:18.220 回答