ページの任意の場所にdivを配置できますか?私はそれをポップアップボックスとして扱おうとしています。以下は、私は次のコードを使用したときに何が起こるかです:ページ上の他の要素の上にdiv要素を配置するにはどうすればよいですか?
<div style="width: 100px;padding: 5px; background-color: #CCCCCC;top: 73px; left: 0px">TEST</div>
ページの任意の場所にdivを配置できますか?私はそれをポップアップボックスとして扱おうとしています。以下は、私は次のコードを使用したときに何が起こるかです:ページ上の他の要素の上にdiv要素を配置するにはどうすればよいですか?
<div style="width: 100px;padding: 5px; background-color: #CCCCCC;top: 73px; left: 0px">TEST</div>
使用絶対位置を:
style="position:absolute; top:10px; left:10px"
top
とleft
は、x、あなたのdivの左上端のy座標です。
は本体position: relative
とDIV position: absolute
DIVは、上部と左プロパティを使用して、本体に対してどこにでも配置することができるであろう。この方法をGIV。
このような場合は、頭や外部ファイルでCSSを使用する方が理にかなっています。
div
要素のCSSにposition: absolute
を適用する必要があります。
CSS Positioningについてさらに知っておく必要があります。
お客様のニーズに応じてposition:absolute;
またはposition:fixed;
のいずれかを使用できます。
位置:絶対;ユーザーがページをスクロールダウンしたときに期待どおりに機能しません。また、 "viewport"(ユーザーがスクロールした場所に関係なくブラウザーウィンドウ)を基準にして要素を配置する固定位置を見たいと思うでしょう。
固定を使用しましたが、ページ内にDIVではなくページの上に表示されます:http://stackoverflow.com/questions/29258306/howスクロールダウン後の固定位置にdiv内の第2テーブルを設定する。助けてください。 – SearchForKnowledge
ありがとうございます!これは問題を解決しました! –
将来のユーザーのための回答として選択してください。 – neebz
私はそれが私にできるだけ早く、私はそれが迷惑メールを防ぐために使用されると信じて何らかの理由で待たなければならないと言います。 –