☰

div をコンテナの下部に配置するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css
div をコンテナの下部に配置するにはどうすればいいですか? 質問する

次の HTML があるとします。

<div id="container">
  <!-- Other elements here -->
  <div id="copyright">
    Copyright Foo web designs
  </div>
</div>

#copyrightの下部に固定したいのですが#container、絶対位置指定を使用せずにこれを実現できますか?

ベストアンサー1

おそらくそうではない。

position:relativeに割り当てて#containerから に割り当てposition:absolute; bottom:0;ます#copyright。

#container {
    position: relative;
}
#copyright {
    position: absolute;
    bottom: 0;
}
<div id="container">
  <!-- Other elements here -->
  <div id="copyright">
    Copyright Foo web designs
  </div>
</div>

おすすめ記事