如何使用CSS在页面顶部放置元素？

Question

假设我想在页面顶部放置一段文字，如下所示：

我如何仅使用CSS？

Answer 1

//same place when scrolling:
position:fixed;
//just stay at the top
position:absolute;

top: 5px;
left: 5px;

注意：对于绝对值，请确保它不在position:relative;的元素内，或者只是将其直接放在BODY标记内

Answer 2

检查一下，这就是我学习css定位的方法。但是我必须说你应该先用Google搜索，这是第二个结果，第一个结果仍然很好：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

#div-1a {
    position:absolute;
    top:0;
    left:0;
}

Answer 3

尝试使用它。使用顶部/左侧属性进行调整。

<div class="textToTop">
    Text here.
</div>

.textToTop {
    position:absolute;
    top:0px;
    left:0px;
}

Answer 4

有很多方法可以做到这一点，一种是使用绝对定位：

http://jsfiddle.net/WHu7h/

<div class="toolbar">element positioned absolutely</div>

.toolbar { position:absolute; top:0; background:#ccc; }​

Answer 5

position: absolute; top: 0px; left: 0px;

Answer 6

<ul>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
<li><a href=#>Item</a></li>
</ul>

和css

ul li{

 float: left;
 margin-right: 8px;    

}
​

Example