Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Bootstrap 4列指定另一列的高度_Css_Twitter Bootstrap - Fatal编程技术网

Css Bootstrap 4列指定另一列的高度

Css Bootstrap 4列指定另一列的高度,css,twitter-bootstrap,Css,Twitter Bootstrap,引导网格中的一列是否有一种纯CSS方式来“指定”同一行中另一列的高度?例如,如果我有以下几点: <div class="row"> <div class="col col-sm-6" id="column1"> <!-- an object the height of which will be different based on screen width --> </div> <div class="col col-s

引导网格中的一列是否有一种纯CSS方式来“指定”同一行中另一列的高度?例如,如果我有以下几点:

<div class="row">
  <div class="col col-sm-6" id="column1">
    <!-- an object the height of which will be different based on screen width -->
  </div>
  <div class="col col-sm-6" id="column2">
    <!-- another object, also with varying height - might be bigger or smaller than the first object -->
  </div>
</div>
我需要的是id为column1的列强制id为column2的第二列宽度相同。
其目的是在第一列中有一张大小不同的图片,在第二列中有描述文本。由于长度原因,说明文本可能比图片高,但它不能增加列的高度,而是隐藏溢出文本。

您可以通过将右列的内容包装到另一个绝对定位的div中,并使父列具有溢出-y:scroll;属性,如下面的示例所示

Lorem ipsum dolor sit amet,是一位杰出的献身者。乌鸦。莫比·内克·里苏斯、本·波特·埃利芬德·诺恩、艾库利斯·维塔·埃斯特。在发酵液中加入乳酸菌,使之最大化。根据康努比亚·诺斯特拉(conubia nostra)和希梅纳奥斯(inceptos himenaeos)的规定,社会责任和责任等级为:。在bibendum-enim interdum,在圣公会上的贵宾厅。二者为同侧静脉曲张。Suspendisse我只是sapien。相思是一种生活方式。孕期和产后两周。Nam ullamcorper Pelletsque viverra。颈前庭、颈前庭、五味子。这是一道浓茶。你的工作效率高,工作效率高。托托·努拉(Curabitur tortor nulla)、利奥(Volatit ut leo)和埃吉斯塔(egestas Dignessim mi)。