0

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

酒吧

我将如何仅使用 CSS 来做到这一点？

4

6 回答 6

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

top: 5px;
left: 5px;

注意：对于绝对，请确保它不在带有position:relative;或直接放在 BODY 标签内的元素内

于 2012-07-05T19:42:32.210 回答
2

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

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

#div-1a {
    position:absolute;
    top:0;
    left:0;
}
于 2012-07-05T19:42:01.237 回答
2

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

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

.textToTop {
    position:absolute;
    top:0px;
    left:0px;
}
于 2012-07-05T19:42:57.790 回答
1

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

http://jsfiddle.net/WHu7h/

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

.toolbar { position:absolute; top:0; background:#ccc; }​
于 2012-07-05T19:41:39.770 回答
1 
position: absolute; top: 0px; left: 0px;
于 2012-07-05T19:41:42.300 回答
0 
<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>

​</p>

和CSS

ul li{

 float: left;
 margin-right: 8px;    

}
​

例子

于 2012-07-05T19:42:21.087 回答