css - 将图像的高度设置为与相邻元素 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}

这将在您的代码中的任何标签“之后”定位 img。

JSFiddle