4. HTML/CSS 相対配置解説
   HTMLはWebページの構造を定義する言語であり、CSSはWebページのスタイルを定義する言語です。これらを用いて、要素を相対的に配置し、文書の流れを乱さないようにすることができます。相対的な要素配置とは、要素を別の要素に対して相対的に配置する方法です。これにより、要素を文書の流れから切り離し、任意の位置に配置することができます。
5. 相対ポジショニング解説
   日本語訳HTML要素を、その親要素（コンテナ）に対して相対的な位置に配置する方法について説明します。これは、CSSのポジショニングプロパティを使用して実現されます。詳細相対的 要素の位置を、コンテナの左上隅を基準として指定します。コンテナ 要素を配置する基準となる親要素です。
6. CSSで固定するdivについて
   コード例解説position: fixed;: このプロパティは、要素をブラウザのビューポートに対して相対的に配置します。つまり、スクロールしても要素の位置は変わらないようになります。bottom: 0;: このプロパティは、要素の下端をビューポートの下端と揃えます。これにより、スクロールバーが出現しても要素は常に最下部に固定されます。
7. 【初心者向け】jQueryで要素の位置を操作：position()とoffset()を使いこなそう
   position() は、親要素からの相対的な位置 を取得します。つまり、親要素の左上隅を原点とした座標で表されます。一方、offset() は、画面全体からの絶対的な位置 を取得します。つまり、ブラウザウィンドウの左上隅を原点とした座標で表されます。