使用HTML和CSS创建通知栏

时间:2013-01-08 00:16:39

标签: html css

这是我正在使用的代码:

<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/

我的代码中需要更改哪些内容才能使其显示在屏幕底部而不是顶部?

2 个答案:

答案 0 :(得分:2)

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:0pxright:0px;

答案 1 :(得分:0)

尝试更改位置:绝对到位置:已修复并添加底部:0