阻止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。

Answer 2

提供         明确：两者; 到图像div并删除下面显示的宽度

#images {

margin:auto;
display:block;
vertical-align:middle;
clear: both;

}