我有一个图片和一组链接,我试图在页面上对齐。
我在这里做了一个例子http://bootply.com/109411
基本上,当我将它们对齐时,图像不再像链接那样。
如果我从position: relative;
移除#static-links
或从height: 100px;
移除.fixedheight
,则图片现在就像链接一样,但内容不再对齐。
我想知道为什么会发生这种情况,以及如何在不破坏图片链接的情况下让内容进行底部对齐。
由于
答案 0 :(得分:1)
似乎因为#static-links div相对定位,它会创建一个全宽度的图层,遮住它后面的徽标/链接元素。实际上,链接仍然有效,但是光标无法触摸它,因为#static-links正在隐藏它。
尝试将位置:relative(也许是“z-index:1”)添加到包装徽标/链接的div中。这将使它在#static-links上方一层,并使其可点击。