CSS cách căn chỉnh nội dung của một div xuống dưới cùng

Tôi muốn căn chỉnh nội dung của một div xuống dưới cùng thì làm thế nào?

CSS cho phép định dạng một thẻ div hiển thị ở bất cứ vị trí nào, nhưng đòi hỏi bạn phải khai báo đúng định dạng các thuộc tính cha con. Hôm nay nhantam hướng dẫn các bạn cách căn chỉnh nội dung của một thẻ div hiển thị ở dười cùng.

Code HTML

<div id="header">
  <h1>Title</h1>
  <div id="header-content">Some content</div>
</div>

Code CSS

#header {
  position: relative;
  min-height: 150px;
}

#header-content {
  position: absolute;
  bottom: 0;
  left: 0;
}

#header, #header * {
  background: rgba(40, 40, 100, 0.25);
}

Chúc các bạn thành công

nhantam
Thiết kế web tại Panpic