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> .div1 { float: left; chiều rộng: 100px; chiều cao: 50px; lề: 10px; đường viền: 3px liền khối #73AD21; } .div2 { viền: 1px màu đỏ đậm; } .div3 { float: trái; chiều rộng: 100px; chiều cao: 50px; lề: 10px; đường viền: 3px liền khối #73AD21; } .div4 { viền: 1px màu đỏ đậm; rõ ràng: trái; } </style> </head> <body> <h2>Không rõ ràng</h2> <div class="div1">div1</div> <div class="div2">div2 - Lưu ý rằng phần tử div2 là sau div1, trong mã HTML. Tuy nhiên, vì div1 được thả nổi sang bên trái nên điều này xảy ra: văn bản trong div2 được thả nổi xung quanh div1 và div2 bao quanh toàn bộ nội dung.</div> <h2>Sử dụng clear</h2> <div class="div3"> div3</div> <div class="div4">div4 - Sử dụng di chuyển rõ ràng div4 xuống bên dưới div3 nổi. Giá trị "left" xóa các phần tử nổi bên trái. Bạn cũng có thể xóa "phải" và "cả hai".</div> </body> </html>