こんなふうに子要素が親要素からはみ出すデザインにしたいけれど、親要素の幅が指定されていて出来ないということがあると思います。 今回はそんなデザインを可能にするcssの書き方についてです。 HTML 親要素が邪魔なら子要素を親要素の外に出してしまえば解決できるんじゃないか? と思うかも知れませんが、構造上そうもいかない時があるのです。 以下のhtmlを見てください。 #contに幅が設定されていると考えてください。 この状態のまま、#innerをはみ出させることができます。 <div id="cont"> <div id="inner"></div> </div>
![【CSS】子要素を親要素からはみ出させる方法 | Code Pocket](https://cdn-ak-scissors.b.st-hatena.com/image/square/55f4ae0ecadfe25b74d281aba1be117341067efa/height=288;version=1;width=512/http%3A%2F%2Fcodepocket.webcrow.jp%2Fwp%2Fwp-content%2Fuploads%2F2016%2F04%2Fph14.jpg)