2

我有一个里面有 2 个 div 的容器。一个取容器的左侧，第二个（rightBarItems）应位于右侧，但我希望它的高度与容器的高度相同。基本上，我正在右侧创建一个列。

HTML：

<div class="container">
        <div class="itemMain"><?php include("itemMain.php"); ?></div>
        <div class="rightBarItems"><?php include("rightBarItems.php"); ?></div>
</div>

CSS：

.container {
    overflow: hidden;
    background: white;
    padding-right: 20px;
    -webkit-box-shadow: 4px 2px #492409,  -4px 0 2px #492409;
    -moz-box-shadow: 4px 0 2px -6 #492409,  -1px 0 2px #492409;   
    box-shadow: 4px 0 2px  #492409,  -4px 0 2px #492409;
}
4

2 回答 2

2

两个干燥的解决方案（他们都有自己的问题）

首先：

1) 相对于容器 2) 定位并浮动左侧元素。3）绝对定位右元素并设置其顶部：0和底部：0，右侧和宽度

当然，这个问题是左边的容器内容应该比右边的大

第二个（如果您可以向 html 添加更多元素）：1）相对于容器的位置 2）浮动右侧和左侧容器 3）创建一个新的 div，它是右侧元素的“bg” 4）绝对位置与上一个方法相同：right:0, top:0, bottom:0 和宽度 5) 必要时调整 z-index

:O

编辑：

后一种解决方案的快速示例：http: //jsbin.com/ecaced/1

于 2012-07-31T20:32:42.517 回答
0

height: auto;或者height: 100%;应该工作。

于 2012-07-31T18:46:29.980 回答