浮动<li>宽度(保持纵横比)</li>

时间:2013-07-01 19:15:51

标签: css css-float

我有div未指定的宽度(#bottom-bar),绝对位于视口的底部(粘在窗口的底部)。它的高度是窗户高度的20%。

在这个div中,我有一个ul,带有内联块li,每个内部都有一个a包裹img

在示例中,您会注意到,当您垂直调整窗口大小时,li内的图像会像您预期的那样改变大小,但图像周围的a不会改变宽度。

如果您重新加载页面,a的宽度将是正确的......也就是说,直到您再次调整页面大小。

有解决方法吗?我宁愿不使用JS。

示例页面:http://psofe.com/footer_slider

0 个答案:

没有答案