CSS - 位置固定和底部

Question

如果你在stackoverflow上turn off javascript，你会在顶部看到noscript-warning

#noscript-warning {
font-family:Arial,Helvetica,sans-serif;
position:fixed;
top:0;
left:0;
width:100%;
z-index:101;
text-align:center;
font-weight:bold;
font-size:120%;
color:#fff;
background-color:#AE0000;
padding: 5px 0 5px 0;
}

问题。如何在浏览器底部定位警报？

Answer 1

CSS：

bottom: 0;

Answer 2

有关顶部或底部定位中IE兼容性的提示，请参阅Fixing position:fixed for Internet Explorer。特别是，当底部定位块与内容一起向上滚动时，它是丑陋的，而不是按预期保持固定。

Answer 3

忘记浏览器支持，更改：

top:0;

到

bottom:0;

Answer 4

把

html
{
    height: 100%;
}

在你的CSS中

。

Answer 5

bottom:0;应该可以解决问题。

只需删除top:0;。