CSSで子要素の幅を親要素より大きくしてはみ出させよう！ | yanagi's memoタイトル画像のようなものです。海外もののクールなデザインのブログテーマで結構見かけますね。 この記事はスマホサイズでは調整しておりません。 その1: marginとwidthで指定する 左右に50pxずつはみ出して配置する 親要素をdiv.parent01、子要素をdiv.child-test01とします。 ここでは子要素を親要素より左右に50pxずつはみ出させてみます。 <div class="parent01"> 親要素ここから <div class="child-test01">子要素</div> 親要素ここまで </div> HTMLはclassの違いはありますが、基本的にこの形です。 この投稿記事内でデモもやるため、実際にはpタグが無駄に混じっていますがお見逃しください。WordPressでpタグを自動挿入させないテクもあるようですが。。 div.parent01 { backg
