Header

Khối trên cùng của trang, chỉ là 1 div thường.

Cột trái (hẹp)

flex: 1 1 200px;

Cột phải (rộng)

flex: 3 1 600px;

Container .khoi-main dùng display: flex; justify-content: flex-start; align-items: stretch; để 2 cột nằm cạnh nhau, chiều cao bằng nhau nhờ align-items: stretch (giá trị mặc định nhưng được khai báo rõ ràng theo yêu cầu đề bài).

So sánh các giá trị display

Khối 1: display: block (mặc định của div, luôn xuống dòng).
Khối 2: inline-block Nằm cùng hàng, có thể đặt width/height
Khối 3: display: none - khối này sẽ KHÔNG hiển thị trên trang.

Ghi chú: khối "display: none" phía trên tồn tại trong mã HTML nhưng không được vẽ ra màn hình và không chiếm khoảng trống nào, khác với việc chỉ ẩn màu chữ.

Nhúng nội dung từ trang khác bằng iframe

Footer - Bài tập nhanh Buổi 4