CSSを使用してコンテナの下部にアイテムを配置する方法

CSSを使用してコンテナの下部にアイテムを貼り付ける方法を確認してください

それはかなり一般的なことであり、私は最近それをしなければなりませんでした。

私は盲目的に割り当てていましたbottom: 0親の底に貼り付けたい要素に。

私は2つのことを忘れていたことがわかりました:設定position: absoluteその要素に、そして追加position: relative親に。

例:

<div class="container-element">
  ...
  <div class="element-to-stick-to-bottom">
    ...
  </div>
</div>
.element-to-stick-to-bottom {
  position: absolute;
  bottom: 0;
}

.container-element { position: relative; }

私の無料ダウンロードCSSハンドブック


その他のCSSチュートリアル: