製品-
- (質問者)
- 投稿時間:2009/07/02 18:37
絶対位置を使って親要素を基準に配置する事は可能でしょうか？ 下記の状態ですと、ウィンドウの左上が基準になってしまいます。 これですと、次に又同じ要素を配置したい場合 左上から何度も計らないといけないので・・ 何か良い方法はありますでしょうか？？ よろしくお願いします。コピペする ブログに貼る<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- #box { background-color: #99CCFF; width: 200px; height: 100px; } #box .small_box { position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; } --> </style> </head> <body> <div id="box"> <p class="small_box">ああああ<br />ああああ<br />ああああ<br /></p> <p>いいいいい</p> </div> </body> </html>
- 回答数 (2)
- クリップ数 (0)
- アクセス数 (1480)
Q&Aトップへ- 回答
#box に対して position: relative を指定すれば要望のことが実現可能です。 position: absolute は position に対して static 以外の値が設定されている要素を基準に絶対配置されます。 つまり、position: absolute の中に配置された position: absolute の要素も、 親要素を基準にして絶対配置されることになります。
-
- (質問者)
- 2009/07/03 11:18
>edoさん ご回答頂きありがとうございます！ 早速試してみました。 なるほど・・・この方法であれば、いちいち計算しなくてすみますね。 助かりました
3
回答
2
回答
2
回答
4
回答
2
回答
3
回答
2
回答
(2009/03/12 15:54)
by panorama
- 0クリップ
- 1312アクセス
- プログラミング / 開発言語 / JavaScript
5
回答
1
回答
4
回答
ページトップへ
Q&Aトップへ戻る
総合 デザイン カテゴリへ
