Question

在我webpage上我设置了几个div和CSS类来将div放在页面的角落。不幸的是，除非您提交网址（您可以提交http://google.com进行测试）

，否则这似乎不起作用

为什么我的代码仅在提交表单时才有效？

这是我的CSS：

.counter{
     position:absolute;
     bottom:3;
     right:3;
}
.createdby{
     position:absolute;
     bottom:3;
     left:3;
}
.changelog{
     position:absolute;
     top:3;
     right:3;
     text-align: right;
}

，HTML是：

<div class="counter">Views: 16419</div><br>
<div class="createdby">Created by <a href="http://reddit.com/u/albuyeh">/u/Albuyeh</a> and <a href="http://reddit.com/u/aiwayume">/u/Aiwayume</a></div><br>
<div class="changelog">
Giveaways DB Last Updated: 1m 43s<br>Sweepstakes DB Last Updated: 6m 40s<br></div>

Answer 1

您的语法至少在一个地方不正确。

检查此规则：

.changelog {
    position: absolute;
    top: 3;
    right: 3;
    text-align: right;
}

3什么？像素？ EMS？百分比？

Answer 2

你现在css中的内容是div左边应该是3。页面打开时，它不知道您的意思是3像素，3英尺还是3秒。要解决此问题，请在数字后面添加一个单位：

.counter{
     position:absolute;
     bottom:3px;
     right:3px;
}
.createdby{
     position:absolute;
     bottom:3px;
     left:3px;
}
.changelog{
     position:absolute;
     top:3px;
     right:3px;
     text-align: right;
}

CSS不提交Div直到提交

2 个答案: