3. CSSレイアウトのトラブルシューティング！絶対配置とパディングの解決策
   CSSにおいて、絶対配置（absolute positioning）は、要素を親要素の流れから切り離し、自由に配置する方法です。しかし、親要素にパディングが設定されている場合、絶対配置された要素は通常、そのパディングの影響を受けません。つまり、親要素のコンテンツ領域ではなく、親要素の境界線から位置決めが行われるのです。
4. CSSでpaddingがwidthとheightを拡張するのを防ぐ
   CSSのpaddingプロパティは、要素の内側に余白を追加するために使用されます。しかし、デフォルトでは、paddingは要素の幅と高さを増加させてしまいます。これが問題となるのは、要素のサイズを固定したい場合や、周囲の要素とのレイアウトを崩したくない場合です。
5. marginとpaddingを使いこなして、思い通りのレイアウトを実現しよう！
   ■ margin要素の外側に余白を設定します。他の要素と要素の間隔を調整するために使用されます。要素の背景色やボーダーの外側に適用されます。複数の要素が隣接している場合、マージン同士が重なり合うと、その分だけ余白が広くなります。■ padding