html - CSS 在提交之前不会对齐 Div

Question

在我的 webpage我有几个 div 和 CSS 类设置来将 div 定位在页面的 Angular 落。不幸的是，这似乎不起作用，除非您提交一个 URL(您可以提交 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？百分比？