将图像的高度设置为与相邻元素相同 CSS

Question

我想知道如何将图像的高度设置为相邻元素的高度。所以，基本上我想要这样：

[div][img]

除了 javascript，我看不出有什么方法可以做到这一点。所以，我可以不使用 js 而只使用 CSS?

谢谢

到目前为止的代码（没什么特别的）：

<div style="text-align:right;">
                        <label for="file-upload">Choose file</label>
                        <img><!-- Updates dynamically using js-->
                        <input id="file-upload" type="file" name="photo"/>
                    <input type="submit" value="Upload Image" name="submit" />
                </div>

Answer 1

为了在 CSS 中设置相邻元素的样式，您可以使用相邻选择器（加号）。如下：

label + img{height:300px}

这将在您的代码 "after" 任何标签中定位 img。

JSFiddle

将图像的高度设置为与相邻元素相同 CSS

Set height of an image same as a neighboring element CSS

css

height

element

image