Khái niệm

Overflow trong CSS là một thuộc tính được sử dụng để xác định cách xử lý nội dung khi không vừa với kích thước của khối chứa. Bao gồm các thuộc tính sau:

• visible: Hiển thị toàn bộ nội dung vượt quá kích thước của phần tử cha.
• hidden: Ẩn đi nội dung vượt quá kích thước của phần tử cha.
• scroll: Hiển thị thanh cuộn để người dùng có thể cuộn để xem nội dung vượt quá kích thước của phần tử cha.
• auto: Tự động hiển thị thanh cuộn chỉ khi cần thiết, dựa vào nhu cầu xem nội dung.

Cách sử dụng

ví dụ

HTML

<div class='result'>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus doloremque necessitatibus consequatur iusto id, vero animi mollitia adipisci inventore et! Ab neque modi corporis qui ea numquam, autem veritatis voluptates!</p>
</div>

CSS

.result {
  position : relative;
  height: 100px;
  background: lightcoral !important;
  font-size: 20px;
  overflow: scroll;
}

Kết quả