arcright https://blog.hatena.ne.jp/arcright/ chulip.org https://chulip.org/ CSS css #hoge { position:relative; } #foo { position:absolute; top:0px; left:100px; } html <div id="hoge"> <div id="foo"> ababababab </div> </div> 親要素にposition:relativeを設定することにより子要素のposition:absoluteが親要素を始点とする 本来position:absoluteの始点は画面左上となるため解像度によってずれる可能性が高い 親要素のrelativeの値は特に設定しなくてもいいみたい 子要素ではtopとleftを指… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchulip.org%2Fentry%2F20090707%2F1246992562" title="position:absoluteで親要素から相対位置で表示したいとき - chulip.org" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2009-07-07 03:49:22 rich https://chulip.org/entry/20090707/1246992562 1.0 100%