小编bra*_*597的帖子

如何使容器DIV中的所有同级DIV具有相等的高度?

因此,我在一个容器中有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)

html css html5 css3 responsive-design

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

css3 ×1

html ×1

html5 ×1

responsive-design ×1