Đề bài: [Thiết kế Web] Hộp cuộn nội dung với max-height theo vh

Cần ôn lý thuyết? Đọc bài giảng Buổi 8: Thiết kế bố cục (1): mô hình hộp, kích thước và vị trí — khóa Thiết kế Web

Cho HTML sau (div.box chứa nhiều đoạn văn p). Viết CSS để .box có max-height: 30vh; overflow-y: auto; width: 300px; border: 1px solid #94a3b8; padding: 12px, để khi nội dung dài hơn 30% chiều cao khung nhìn, hộp xuất hiện thanh cuộn dọc thay vì phá vỡ bố cục.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra