如何將元素放置在使用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

有很多方法可以做到這一點，一個是使用絕對定位：

http://jsfiddle.net/WHu7h/

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

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

Answer 3

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

Answer 4

檢查這一點，這是我怎麼學會CSS定位。但是我必須說你應該先用Google搜索，這是第二個結果，第一仍然是良好的：

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

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

Answer 5

<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

Answer 6

內嘗試使用它。使用頂部/左側屬性進行調整。

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

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