When the value of the max-height pr

When the value of the max-height property is set too low, the contents will spill outside of the box. How can we ensure that this doesn't happen?

The overflow property controls what happens to content when it spills, or overflows, outside of its box. It can be set to one of the following values:

hidden - when set to this value, any content that overflows be hidden from view.
scroll - when set to this value, a scrollbar will be added to the element's box so that the rest of the content can be viewed by scrolling.
p {
min-width: 300px;
max-width: 600px;
min-height: 150px;
max-height: 300px;
overflow: scroll;
}
In the example above, minimum and maximum widths and heights have been set. If any of the paragraph content overflows (perhaps a user resizes their browser window), a scrollbar will appear so that users can view the rest of the content.
1.
In style.css, add the overflow property to the content-box class selector and set it to scroll any content that overflows.

Take a look at the web page to the right. Notice how the content in the middle scrolls now.

Results (Vietnamese) 1:

Khi giá trị của tài sản tối đa chiều cao được đặt quá thấp, nội dung sẽ tràn bên ngoài của hộp. Làm thế nào chúng tôi có thể đảm bảo rằng điều này không xảy ra?Bất động sản tràn kiểm soát những gì xảy ra với nội dung khi nó tràn lan hoặc tràn, bên ngoài của hộp. Nó có thể được thiết lập để một trong các giá trị sau:ẩn - khi đặt giá trị này, bất kỳ nội dung nào tràn được ẩn từ xem.di chuyển - khi đặt giá trị này, một thanh cuộn sẽ được thêm vào các yếu tố hộp để cho phần còn lại của nội dung có thể được xem bằng cách di chuyển.p {} Min-chiều rộng: 300px; chiều rộng tối đa: 600px; min-height: 150px; Max-chiều cao: 300px; overflow: di chuyển; }Trong ví dụ trên, độ rộng tối thiểu và tối đa và heights đã được thiết lập. Nếu bất kỳ đoạn nội dung tràn (có lẽ là một người dùng lại kích thước cửa sổ trình duyệt của họ), một thanh cuộn sẽ xuất hiện vì vậy mà người dùng có thể xem phần còn lại của nội dung.1.Ở style.css, thêm tài sản tràn vào hộp nội dung lớp chọn và đặt nó để di chuyển bất kỳ nội dung nào tràn.Hãy xem trang web bên phải. Thông báo như thế nào nội dung ở giữa cuộn từ bây giờ.

Results (Vietnamese) 2:

Khi giá trị của các tài sản max-height được đặt quá thấp, nội dung sẽ tràn bên ngoài của hộp. Làm thế nào chúng ta có thể đảm bảo rằng điều này không xảy ra?

Các bất động sản tràn kiểm soát những gì xảy ra với nội dung khi nó tràn, hoặc tràn, bên ngoài hộp của nó. Nó có thể được thiết lập để một trong các giá trị sau:

ẩn - khi thiết lập giá trị này, bất kỳ nội dung tràn được ẩn từ xem.
cuộn - khi thiết lập giá trị này, một thanh cuộn sẽ được thêm vào hộp của phần tử để phần còn lại của nội dung có thể được xem bằng cách di chuyển.
p {
min-width: 300px;
max-width: 600px;
min-height: 150px;
max-height: 300px;
overflow: scroll;
}
Trong ví dụ trên, chiều rộng và chiều cao tối thiểu và tối đa đã được thiết lập. Nếu bất kỳ tràn nội dung đoạn văn (có lẽ người dùng thay đổi kích thước cửa sổ trình duyệt của họ), một thanh cuộn sẽ xuất hiện để người dùng có thể xem phần còn lại của nội dung.
1.
Trong style.css, thêm tài sản tràn vào lớp chọn nội dung hộp và đặt nó để di chuyển bất kỳ nội dung tràn.

Hãy nhìn vào các trang web bên phải. Chú ý các nội dung trong các cuộn giữa bây giờ.

Results (Vietnamese) 3:

Khi độ cao tối đa giá trị của tài sản lập quá thấp khi nội dung sẽ tràn ra ngoài hộp.Chúng ta làm thế nào để đảm bảo rằng sẽ không có chuyện đó xảy ra thì sao?Thuộc tính kiểm soát nội dung tràn khi tràn khi nội dung hay tràn, chuyện gì sẽ xảy ra.Nó có thể được đặt vào một trong những giá trị sau đây:Che - khi đặt giá trị này khi bất cứ tràn đều giấu ở trong ô xem nội dung.Lăn nào khi đặt giá trị này, thanh cuộn sẽ được thêm vào các yếu tố khác có thể vượt qua cái hộp, nội dung xoay.P [Chiều rộng tối thiểu: 300px;Chiều rộng tối đa: 600px;150px; chiều cao tối thiểu:Độ cao tối đa: 300px;Overflow: lăn;]Ở trên đã được đặt trong bộ, chiều rộng và chiều cao nhỏ nhất và lớn nhất.Nếu nội dung đoạn tràn (có lẽ người dùng trình duyệt điều chỉnh sổ), thanh cuộn sẽ xuất hiện, người dùng có thể xem các nội dung khác.1.Ở style.css, thêm vào thuộc tính của lớp overflow hộp chọn nội dung thiết lập bất kỳ nội dung xoay tràn.Xem trang bên tay phải.Chú ý thì ở giữa bản thảo nội dung thế nào.