Khung chứa nội dung là gì?
Còn gọi: max-width container, container web, content container, max-width, container width
Container là khối bao quanh nội dung trang web, có chiều rộng tối đa (max-width) và căn giữa màn hình, để nội dung không kéo giãn quá rộng trên màn hình lớn và có lề hai bên trên màn hình nhỏ.
Hiểu kỹ hơn
Giá trị max-width phổ biến khoảng 1140 đến 1280 px cho trang thông thường; đoạn văn bài viết thì hẹp hơn, khoảng 640 đến 760 px, để mỗi dòng khoảng 60 đến 80 ký tự, dễ đọc. Trên mobile, container thường chiếm toàn chiều rộng trừ lề hai bên khoảng 16 đến 24 px. Nguyên tắc nhất quán quan trọng: logo, menu trên header, các khối nội dung và footer nên căn theo cùng mép container, để trang trông ngay ngắn. Ảnh nền hay dải màu có thể tràn hết chiều ngang, nhưng nội dung bên trong vẫn nằm trong container. Trong Figma, layout grid với margin và số cột cố định giúp mô phỏng container; khi bàn giao, ghi rõ max-width và lề ở từng breakpoint.
