Trang chủ
CSS
CSS nổi
Ví dụ
Tryit: Hộp nổi có chiều cao bằng nhau
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <STYLE_PLACEHOLDER_2/> </head> <body> <h2>Hộp có chiều cao bằng nhau</h2> <p>Hộp nổi có chiều cao bằng nhau:</p> <div class=" clearfix"> <div class="box" style="background-color:#bbb"> <h2>Hộp 1</h2> <p>Một số nội dung, một số nội dung, một số nội dung</p> </div> < div class="box" style="background-color:#ccc"> <h2>Hộp 2</h2> <p>Một số nội dung, một số nội dung, một số nội dung</p> <p>Một số nội dung, một số nội dung, một số nội dung</p> <p>Một số nội dung, một số nội dung, một số nội dung</p> </div> </div> <p>Ví dụ này không linh hoạt lắm. Bạn có thể sử dụng chiều cao CSS nếu bạn có thể đảm bảo rằng các hộp sẽ luôn có cùng lượng nội dung trong đó, nhưng không phải lúc nào cũng như vậy. Nếu bạn thử ví dụ trên trên điện thoại di động (hoặc thay đổi kích thước cửa sổ trình duyệt), bạn sẽ thấy nội dung của ô thứ hai sẽ hiển thị bên ngoài ô.</p> <p>Quay lại phần hướng dẫn và tìm giải pháp khác , nếu đây không phải là điều bạn muốn.</p> </body> </html>