html - HTML溢出CSS不起作用

Question

我引用的网页

CSS：

a img {
        bottom: -30px;
        right: 0;
        position: absolute;
        overflow: hidden;
        -webkit-transition: all .1s ease-in-out; 
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
}
a img:hover {
        transform: translate(0,-30px);
        -webkit-transform: translate(0,-30px);
        -o-transform: translate(0,-30px);
        -moz-transform: translate(0,-30px);
}

图片 HTML：

<a href="index.html"><img src="images/tag.png" height="100" width="119"></img></a>

在 1080p 屏幕上查看网页看起来没有任何问题。但是有些人确实有较低分辨率的屏幕。

前任：

http://imgur.com/a/KK9GB

如您所见，“标签”没有贴在页面底部。任何帮助都会很棒！谢谢！

Answer 1

无论如何，您是否希望它始终位于屏幕底部？如果是这样，

改变：

position: absolute;

至：

position: fixed;