因此,我在一个容器中有2个div。一人向左浮动,一人向右浮动。右边的是文本。左边的是一幅图像。如何设置图像高度,使其等于正确文本的未知高度?
两个div的容器的高度也应与文本div的高度相同。图片的高度不得高于或小于文字。
包含文本的div应该与其中的文本大小一样大。
这是有关JSFiddle的示例
HTML:
<div class="body">
<div class="imgContainer"><img src="http://www.appleinspires.me/wp-content/uploads/2013/05/mzl.bneaekit.512x512-75.jpg" alt=""></div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime ducimus, excepturi ad! Porro officia, est omnis eum modi reiciendis, velit aliquid dolores tempore odit ipsa temporibus ullam. Adipisci, optio, neque?<br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure deserunt amet aspernatur nisi, voluptatem consequuntur vel saepe dolorem odio atque, porro architecto alias aliquid. Atque ea soluta, obcaecati sapiente mollitia!</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.body {
display: table;
background-color: …Run Code Online (Sandbox Code Playgroud)