使一个 div 永远不会超过另一个 div 的长度

Question

>我有一个向左浮动的div，向右浮动一个div。左边的用于文本，右边的用于图像。我已经设置了它，以便div 始终是页面的百分比大小，以便它们适用于不同的浏览器大小，但是当我放入两个或更多图像时，右侧div 将延伸到页面底部，在左侧div 中留下大量空白空间。有没有办法让我的右div 始终保持与我的左div 相同的高度，并根据div 的尺寸调整内部图像的大小？

编辑：我可以使用jquery。

Answer 1

这样的事情怎么样。

.HTML：

<div class="images-holder">
    <div class="image-sample" style="width: 50px; height: 50px; background: #000;">&nbsp;</div>
    <div class="image-sample" style="width: 50px; height: 50px; background: #333;">&nbsp;</div>
</div>
<div class="text-holder">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam ducimus sint eaque quidem a ut deleniti voluptatibus consequatur modi quaerat eligendi doloribus illum expedita officiis repellendus mollitia facilis ratione minima.</p>
</div>

.CSS：

.images-holder {
    float: right;
}
.images-holder div {
    display: inline-block;
}
.text-holder {
    position: relative;
    overflow: hidden;
}

演示

内联样式是示例，看起来像图像。为什么不图像？不知道。xD

您仍然可以在图像支架上使用百分比，但不能在文本持有人上使用百分比。