Το clearακίνητο σχετίζεται άμεσα με πλωτήρες. Εάν το στοιχείο μπορεί να χωρέσει οριζόντια στο χώρο δίπλα σε ένα άλλο στοιχείο που είναι αιωρούμενο, θα το κάνει. Εκτός αν εφαρμόσετε clearσε αυτό το στοιχείο στην ίδια κατεύθυνση με το float. Στη συνέχεια, το στοιχείο θα κινηθεί κάτω από το αιωρούμενο στοιχείο.
Ακολουθεί ένα απλό παράδειγμα μιας διάταξης κατασκευασμένης με πλωτήρες, οι οποίες θα μπορούσαν να είναι προβληματικές για το υποσέλιδο:
Αλλά με την εκκαθάριση του στοιχείου υποσέλιδου, η διάταξη ασφαλίζεται στη θέση της:
#footer ( clear: both; )
Σε αυτήν την περίπτωση, καθαρίστε: και τα δύο. χρησιμοποιήθηκε για να διασφαλίσει ότι το υποσέλιδο καθαρίζει παρελθόντα στοιχεία που αιωρούνται προς οποιαδήποτε κατεύθυνση. Αλλά μπορείτε επίσης να καθαρίσετε είτε leftείτε rightσε αυτήν την περίπτωση το στοιχείο θα κινηθεί κάτω από τα στοιχεία που κινούνται προς αυτήν την κατεύθυνση, αλλά όχι το άλλο.
Ένας κοινός τρόπος για να καθαρίσετε πλωτήρες είναι να εφαρμόσετε ένα ψευδο-στοιχείο σε ένα στοιχείο περιέκτη που καθαρίζει το πλωτήρα. Μάθετε περισσότερα για αυτό εδώ.
Υποστήριξη προγράμματος περιήγησης
Η clearιδιότητα λειτουργεί σε όλα τα προγράμματα περιήγησης.