css - 作るタグはそのままで、動かなかった

Question

タイトルの通り、divの作り方が動かなかった。したがって、ユーザーが Web をスクロールすると、コンテンツは移動しますが、div 要素は移動しません。実装したい div 要素がサイドバーだとしたら、CSS スクリプトだけでそれを行うにはどうすればよいでしょうか? (または HTML5 の力で)。

Answer 1

<style type="text/css">
div.fixedDiv{position:fixed;top:0;left:0;}
</style>

Answer 2

あなたはこれを試すことができます... Jsfiddle

HTML

<div class="wrapper">
<div class="fixed"></div>
</div>​

Css ..

.wrapper { position: relative; height: 1500px; background:red; }
.fixed { position: fixed; left:0; top:50; width:100px; height:100px; background: green; }

Answer 3

<style>
#yourdiv{
 position:absolute;
 left:100px;
 top:150px;
}
</style>

<div id="yourdiv">Hello I'm div</div>

上下の座標はお好みで調整してください。

とにかく、ここでCSS のポジショニングを確認できます。