CSS

The bottom property in CSS adjusts the position of an element upwards by a specified distance from its bottom edge.

bottom

　CSSの bottomプロパティは、要素の下端の位置を指定するために使用します。通常、このプロパティは要素が positionプロパティで absolute、fixed、または relative に設定されている場合に有効です。

値の指定

bottomには px、%、emなどの単位を指定します。例えば、bottom: 10px;とすると、要素の下端を親要素の下端から10ピクセル上に配置します。

absoluteや fixedと併用

position: absolute;または position: fixed;と組み合わせることで、ページ内の特定の位置に要素を配置できます。例えば、ページの下端に固定したい場合に使用します。

relativeと併用

position: relative;と組み合わせた場合、その要素自身の元の位置から下方向に移動させることができます。

使用例

.element {
	position: absolute;
	bottom: 20px;
}

　この例では、.elementクラスの要素が、親要素の下端から20ピクセル上に配置されます。