在一个div内垂直传播两个图像

Question

我在一个固定大小的div中有两个相似的图像。图像被放置在另一个之下。我想垂直传播图像，以便一个img坚持到顶部，另一个坚持到底部。

percentile_50, sum, sum, mean, etc.

Answer 1

@ Teemu 是对的。

• 将position: relative;添加到父DIV。
• 将position: absolute; bottom: 4px; left: 0;添加到第二个img。

在下面运行代码段：

<div style='text-align: center; border: 1px solid black;'>text
    <div style='position: relative; border: 1px solid black; height: 150px;'>
        <img style='float: left; clear: both;' src='http://iconizer.net/files/Sketchdock_Ecommerce_Icons/orig/arrow-up-blue.png' />
        <img style='float: left; clear: both; position: absolute; bottom: 2px; left: 0;' src='http://iconizer.net/files/Sketchdock_Ecommerce_Icons/orig/arrow-down-blue.png' />
    </div>
</div>

Answer 2

你应该提供一些关于这种情况的更多信息。例如，如果图像具有相同的dimmensions，则更容易解决此问题，如果它们具有不同的dimmensions，则需要在达到所需结果之前进行一些css调整。