我不确定这是否可行,但是我希望做到的是这一点。

我在div中嵌套了两个DIV,一个在右边有一个图像,另一个在左边有文本。我希望做的是根据图像的大小调整DIV的大小。

例如,如果DIV的图像尺寸为320w x 270h,并且总体空间为720px,那么我想将包含文本的DIV粗略地调整为400px。我已经将左框宽度设置为自动以适应不同的图像大小,但是我不知道如何基于此设置文本框的大小。

让我知道您是否需要更多信息。

最佳答案

这是您想要的东西:
的HTML

的CSS

<div class="container">
<div class="image"><img src="http://www.cs.cmu.edu/~chuck/lennapg/len_std.jpg" /></div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus magna, interdum et faucibus a, sagittis ac diam. Quisque elementum malesuada ligula. Duis lectus quam, tempor dictum pulvinar id, posuere ac dolor. Etiam et ligula odio, non adipiscing lacus. Maecenas sit amet elit at leo congue tempus ut non ante. Vestibulum mauris diam, tincidunt eu viverra sit amet, malesuada et diam. Morbi ligula nulla, tristique laoreet imperdiet sed, posuere et velit. Donec mattis enim in leo feugiat mollis. Donec neque mi, posuere at dapibus vel, vestibulum vel mauris. Donec vestibulum leo eget nulla luctus sed hendrerit mauris tempus. Nunc augue erat, pharetra et mollis laoreet, tempus quis orci. Vestibulum lobortis sodales placerat. Integer imperdiet rhoncus nisl eu tristique. Nunc commodo, nisl a aliquet feugiat, tortor lacus porttitor libero, ut sollicitudin justo ligula nec justo.</div>

</div>​

10-11 05:50