画面幅いっぱいに広げるデモ
ここは通常のコンテンツエリアです。親要素には padding が設定されているため、左右に余白があります。
この要素だけ、親のpaddingや幅制限を無視して画面幅いっぱいに広がります!
通常のコンテンツエリアに戻りました。HTMLの構造を変えずに、一部だけを広げられるのがこのテクニックの最大のメリットです。
ここは通常のコンテンツエリアです。親要素には padding が設定されているため、左右に余白があります。
この要素だけ、親のpaddingや幅制限を無視して画面幅いっぱいに広がります!
通常のコンテンツエリアに戻りました。HTMLの構造を変えずに、一部だけを広げられるのがこのテクニックの最大のメリットです。