JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<h2> CSS Overflow </h2>
<p> Bạn cũng có thể thay đổi phần tràn nội dung theo chiều ngang hoặc chiều dọc. </p>
<p> overflow-x chỉ định những việc cần làm với các cạnh trái / phải của nội dung. <br>
overflow-y chỉ định những việc cần làm với các cạnh trên / dưới của nội dung. </p>

<div> Bạn có thể sử dụng thuộc tính overflow khi muốn kiểm soát bố cục tốt hơn. Thuộc tính overflow chỉ định điều gì sẽ xảy ra nếu nội dung tràn vào hộp của phần tử. </div>

CSS

div {
  background-color: #eee;
  width: 200px;
  height: 50px;
  border: 1px dotted black;
  overflow-x: hidden;
  overflow-y: scroll;
}