Xử lý khi nội dung phần tử lớn hơn không gian được cấp phát

Sử dụng thuộc tính CSS overflow để giải quyết vấn đề nội dung vượt quá không gian được cấp phát. Bạn có thể tham khảo ví dụ mã dưới đây:

Ví dụ

<html>
<head>
<style>
.scroll {
  display: block;
  border: 2px solid green;
  padding: 10px;
  margin-top: 10px;
  width: 300px;
  height: 50px;
  overflow: scroll;
}
.auto {
  display: block;
  border: 2px solid green;
  padding: 10px;
  margin-top: 10px;
  width: 300px;
  height: 50px;
  overflow: auto;
}
</style>
</head>
<body>
  <p>Ví dụ giá trị scroll:</p>
  <div class="scroll">
    Đây là nội dung demo. Đây là nội dung demo. Đây là nội dung demo.
    Đây là nội dung demo. Đây là nội dung demo. Đây là nội dung demo.
    Đây là nội dung demo. Đây là nội dung demo. Đây là nội dung demo.
    Đây là nội dung demo. Đây là nội dung demo. Đây là nội dung demo.
  </div>
  <br />
</body>
</html>