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

Question

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

[div] [img]

除了javascript，我无法看到如何做到这一点的方法。那么，我可以只使用CSS来代替使用js吗？

谢谢

到目前为止

代码（没什么特别的）：

<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}

这将在你的代码“之后”标记任何标签。

JSFiddle