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

Question

我有一个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;
}

Demo

内联样式的样本看起来像图像。为什么不成像？不知道。的xD

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