我正在嘗試將圖像與容器底部對齊。然而，由于站點是響應性的，當我改變窗口大小時，圖像在容器中上下移動，就好像它被固定在頁面的某個點上。

有沒有辦法把圖像的基線無限固定在容器的基線上？本質上，圖像從底部開始對齊，但是當窗口接觸時，文本迫使容器擴展，我在圖像下面留下空白。

我的圖像div的CSS如下:

.floatbottom {

height: 100%;
position: absolute;
bottom:0;
width: 500px;

}

父容器的CSS:

#box{ 

height: auto;
padding-top: 90px;
padding-bottom: 90px;
position: relative;

}

容器中圖像的HTML:

<div id="box">
    <div class="floatbottom">
        <img src="/images/bottom.png">
    </div>
</div>

任何想法都將不勝感激！

并將內容、高度的css設置為auto集裝箱高度也是自動的

在這種情況下，您可以使用行高組合。你不需要使用絕對位置，這是有問題的，當你要縮放你的窗口。如果你需要動態地改變你的容器高度，你可以使用@media-query。

一些小提琴例如:http://jsfiddle.net/Hxytw/