阻止div重叠

Question

我有一个由div包裹的连续三个图像.链接div位于第一个div下方的单独链接中.

http://jsfiddle.net/sGmjU/1/

我遇到的问题是,当浏览器足够宽时,图像位于链接上方的水平行中.

当宽度小于三个图像时,尽管链接保持原位,并且图像显示在链接上方和通过链接的列中.

我希望图像保持连续并使链接保持在图像下方.

核心概念是什么？我尝试了几件没有运气的事情.

Answer 1

从#images中取出硬高度值:

#images {
    width:50%;
    margin:auto;
    display:block;
    vertical-align:middle;
}

高度值强制div内的图像溢出,然后溢出到链接div上.