over-flow:hidden;要素の上下にははみ出したい！左右ははみ出したところ隠したい！実は簡単
当サイトはアフィリエイト広告を利用していますはみ出させたい要素そのものじゃなくて、
親要素にwidthとか制限かけて（ウインドウ幅マックスでも可）、over-flow:hidden;つければいいだけ、、、
って話
横にはみ出したところだけ非表示にできます。
（非表示にせず横にはみ出すと、ブラウザタブが左右にスクロールするようになってしまうので、通常はNG。）
以下、X投稿全文コピペ↓↓
あほでした
ほぼ全部のsectionをtemplate-parts化してファイル分けて作ってるんですが、
飾りの画像をsectionから上下はみ出して表示させる
左右にもはみ出してるけど、そっちはhiddenにしたい
どうすんだ？
って思ったら、
template-parts内だけじゃなく、もっと大きな、
ページ全体のmainタグとかにover-flow:hidden;つければいいだけでした
部品分けてるからって、全部その中で完結させようとしすぎでした
気づいたら、あほほどシンプル…
シンプルなものは、ネットにもだれも記事にしてなかったりするから、
意外とこういうところで沼るんですよね…
サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】
けっこうガチ目っぽいです↓↓
僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます
