css - 阻止 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;

}