我想在左边和右边有一些图像。右边的信息div有一个橙色边框。我希望这个信息区域占据图像的相同高度。所以我创建了一个div .details，显示flex和align-items拉伸。但它不起作用，图像和信息区域不占用相同的宽度。你知道为什么吗？
示例：https://jsfiddle.net/wjvwovy2/
HTML：
MyBase答案 0 :(得分：0)
这是因为您已将视觉样式应用于不是.details元素的直接子元素的后代。有几种方法可以解决这个问题，具体取决于您要实现的目标。
快速的方法是在d-flex中应用<div class="col-4 px-0">课程，在flex-grow: 1中应用<div class="details-title d-flex flex-column align-items-start">。
答案 1 :(得分：-1)
在你的小提琴中，它只是CSS中details-title的右括号中缺少：