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ポジショニングを学んだ方法です。しかし、私はあなたが最初にグーグルするべきだったと言わなければなりません、それは2番目の結果であり、そして最初のものはまだ良いです：

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

これを行うには多くの方法があります。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 に答える