我有两个div,其宽度由百分比控制。我希望正确的div与left div一样高,它根据它包含的图像宽度和浏览器窗口的宽度进行扩展和缩小。
有没有办法在没有javascript的情况下完成此任务?
答案 0 :(得分:12)
实现此目标的最简单方法是使.right
div绝对定位并将top
和bottom
设置为0
。
请记住相对地定位父(.main
)div并删除所有浮点数:
.right {
bottom:0;
position: absolute;
right:0;
top: 0;
}
.main {
position: relative;
}
工作示例:http://jsfiddle.net/5JU2t/1/
示例中右列较长的原因是由于图像下方添加了空白区域。如果您只使用此列中的图片,则可以将float: left
添加到图像中以解决此问题:
答案 1 :(得分:0)
我会尝试将其包装在第三个div中,然后为height:auto
或height: 100%
提供两个div。
答案 2 :(得分:0)
将父(.main
)设置为显示为表格
并设置子项(.right
,.left
)以显示为表格单元格。
答案 3 :(得分:-6)
我会说所有额外的css,并使用表格布局