Tài clearsản liên quan trực tiếp đến phao. Nếu phần tử có thể nằm vừa theo chiều ngang trong không gian bên cạnh phần tử khác được thả nổi, thì phần tử đó sẽ. Trừ khi bạn áp dụng clearcho phần tử đó theo cùng hướng với phao. Sau đó phần tử sẽ di chuyển xuống bên dưới phần tử nổi.
Dưới đây là một ví dụ đơn giản về một bố cục được xây dựng bằng float, có thể gây ra vấn đề cho footer:
Nhưng bằng cách xóa phần tử footer, bố cục sẽ ổn định:
#footer ( clear: both; )
Trong trường hợp này, hãy rõ ràng: cả hai; được sử dụng để đảm bảo footer xóa các phần tử trong quá khứ được thả nổi theo một trong hai hướng. Nhưng bạn cũng có thể xóa một trong hai lefthoặc righttrong trường hợp đó phần tử sẽ di chuyển bên dưới các phần tử được thả nổi theo hướng đó, chứ không phải hướng khác.
Một cách phổ biến để xóa float là áp dụng một phần tử giả cho một phần tử vùng chứa để xóa float. Tìm hiểu thêm về điều đó ở đây.
Hỗ trợ trình duyệt
Các clearbất động sản làm việc trong tất cả các trình duyệt.