Trang chủ
CSS
CSS nổi
Xóa CSS
Dùng thử: Bản hack Clearfix mới
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>Không có Clearfix</h2> <p>Hình ảnh này được thả nổi sang bên phải. Nó cũng cao hơn phần tử chứa nó, vì vậy nó tràn ra ngoài vùng chứa của nó:</p> <div> <img class="img1" src="pineapple.jpg" alt="Pineapple" width="170" Height ="170"> Lorem ipsum đau ngồi amet, consectetur adipiscing ưu tú. Phasellus imperdiet... </div> <h2 style="clear:right">Với Clearfix hiện đại mới</h2> <p>Thêm bản hack Clearfix vào phần tử chứa để khắc phục sự cố này:</p> <div class="clearfix"> <img class="img2" src="pineapple.jpg" alt="Pineapple" width="170" Height="170"> Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elite. Phasellus bị suy yếu... </div> </body> </html>