デモサイトはこちら。
PCで表示を確認してみてください。
See the Pen
Untitled by ゆーじろー (@yuji64)
on CodePen.
インナー幅を指定しつつ、はみ出したい要素に対してpositionを当てます。
そうすることで、インナー幅の縦のラインを揃えつつも、はみ出したい要素をインナー幅から出すことができます。
あと横並び要素それぞれにmax-widthを指定することで、positionで要素が浮いたとしても被らないようになります。
西岡テントさんのWebサイトのように最近よく見るレイアウトなので、備忘録としてまとめました。
