画面幅いっぱいに広げるデモ

ここは通常のコンテンツエリアです。親要素には padding が設定されているため、左右に余白があります。

この要素だけ、親のpaddingや幅制限を無視して画面幅いっぱいに広がります!

通常のコンテンツエリアに戻りました。HTMLの構造を変えずに、一部だけを広げられるのがこのテクニックの最大のメリットです。