edvakf https://blog.hatena.ne.jp/edvakf/ by edvakf in hatena https://edvakf.hatenadiary.org/ body 要素のデフォルトスタイルは position:static なのだが、サイトによっては position:relative とかが付いていたりする。以下では、そういうサイトで起こる問題を説明する。 例えば何か適当な要素をドキュメントの一番左上に置くとき、その要素の position を absolute にして、top と left で座標を指定することがある。特に JavaScript で動的に作る要素はこういうことをする場合が多い。左上に限らず、マウスでクリックした位置に要素を置く場合の常套手段でマウスイベントの pageX と pageY を使ったりもする。そういうとき、bod… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fedvakf.hatenadiary.org%2Fentry%2F20100830%2F1283199419" title="body { position : relative | absolute | fixed; } - by edvakf in hatena" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/e/edvakf/20100831/20100831030722.png Hatena Blog https://hatena.blog 2010-08-30 05:16:59 rich https://edvakf.hatenadiary.org/entry/20100830/1283199419 1.0 100%