“.oya-yousoにposition:relativeを指定します。するとposition:absoluteを指定している要素.hakoの横幅は要素.oya-yousoの範囲内に収まります。”

reboot_in のブックマーク 2018/07/17 01:32

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/359725551/comment/reboot_in" data-user-id="reboot_in" data-entry-url="https://b.hatena.ne.jp/entry/s/www.webdlab.com/labs/css-position-width/" data-original-href="https://www.webdlab.com/labs/css-position-width/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webdlab.com%2Flabs%2Fcss-position-width%2F" data-user-icon="/users/reboot_in/profile.png">【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/web">web</a>]</li></ul><br><p style="clear: left">“.oya-yousoにposition:relativeを指定します。するとposition:absoluteを指定している要素.hakoの横幅は要素.oya-yousoの範囲内に収まります。”</p><a class="datetime" href="https://b.hatena.ne.jp/reboot_in/20180717#bookmark-359725551"><span class="datetime-body">2018/07/17 01:32</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！