右侧CSS列,与容器高度相同

右侧CSS列,与容器高度相同,css,height,Css,Height,我有一个里面有两个div的容器。一个取容器的左侧,第二个(rightBarItems)应位于右侧,但我希望其高度与容器的高度相同。基本上,我是在右边创建一个列 HTML: <div class="container"> <div class="itemMain"><?php include("itemMain.php"); ?></div> <div class="rightBarItems"><?

我有一个里面有两个div的容器。一个取容器的左侧,第二个(rightBarItems)应位于右侧,但我希望其高度与容器的高度相同。基本上,我是在右边创建一个列

HTML:

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

高度:自动或<代码>高度:100%应该有效。

两种drity解决方案(它们都有各自的问题)

第一:

1) 相对于容器的位置 2) 然后浮动左元素。 3) 定位右侧元素并设置其顶部:0和底部:0、右侧和宽度

当然,这其中的问题是,左派参与者的内容应该比右派参与者的内容大

第二个(如果可以向html添加更多元素): 1) 相对于容器的位置 2) 使左右容器浮动 3) 创建一个新的div,它是右元素的“bg” 4) 绝对位置,与上一个:右:0、上:0、下:0和宽度中的位置相同 5) 如有必要,调整z索引

:O

编辑:


后一种解决方案的快速示例:

不能工作,只要容器没有特定高度。我知道我没有问这个问题,但我想让你知道它工作得很好,解决了我遇到的一个巨大问题-谢谢!