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

我有一个div浮动到左侧，div浮动到右侧。左边的那个用于文本，右边的用于图像。我已经将它设置为使div始终是页面的百分比大小，以便它们适用于不同的浏览器大小，但是当我放入两个或更多图像时，正确的div将伸展到页面的底部，留下很多左边div中的空白空间。有什么办法让我的正确的div始终保持与我的左div一样的高度，并根据div的尺寸调整图像的大小？制作一个div永远不会超过另一个div的长度

编辑：我可以使用jquery。

来源

2014-01-12 user3186940

单独使用CSS，没有。 – BenM

你需要用js获得左div高度，并将右div高度设置为该值，没有办法只用css – Exlord

也许你可以使用表格布局。虽然不推荐，但它是有用的。 – Ranveer

这样的事情呢。

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

您仍然可以在图像保持器上使用百分比，但不能在文本保持器上使用百分比。

来源

2014-01-12 09:48:40 drip

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

回答

相关问题