右侧CSS列,与容器高度相同
我有一个里面有两个div的容器。一个取容器的左侧,第二个(rightBarItems)应位于右侧,但我希望其高度与容器的高度相同。基本上,我是在右边创建一个列 HTML:右侧CSS列,与容器高度相同,css,height,Css,Height,我有一个里面有两个div的容器。一个取容器的左侧,第二个(rightBarItems)应位于右侧,但我希望其高度与容器的高度相同。基本上,我是在右边创建一个列 HTML: <div class="container"> <div class="itemMain"><?php include("itemMain.php"); ?></div> <div class="rightBarItems"><?
<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
编辑:
后一种解决方案的快速示例:不能工作,只要容器没有特定高度。我知道我没有问这个问题,但我想让你知道它工作得很好,解决了我遇到的一个巨大问题-谢谢!