html - 使用 HTML 和 CSS 创建通知栏

Question

这是我正在使用的代码：

<div style="width:100%; position:absolute; border:0px; background-color:#232323; color:#ffffff; padding-top:5px; padding-bottom:5px; font-size:12px" align="center">

测试测试测试测试测试

它的作用基本上是在您的网站顶部添加一个栏，您可以在其中输入类似于您在此处看到的文本：http: //demo.fiverrscript.com/

需要在我的代码中进行哪些更改以使其显示在屏幕底部而不是顶部？

Answer 1

将bottom:0px添加到样式标签。

<div style="width:100%; position:absolute; bottom:0px border:0px; background-color:#232323; color:#ffffff; padding-top:5px; padding-bottom:5px; font-size:12px" align="center">

此外，width:100%不会工作，所以你还应该添加left:0px和right:0px;

Answer 2

尝试将位置：绝对更改为位置：固定并添加底部：0