πώς να καθαρίσετε τις κύριες (Clearfix)
- CSS Κύλιση Προηγούμενη σελίδα
- Επόμενη σελίδα Απάντα σε κύλιση
μάθετε πώς να χρησιμοποιήσετε τη τεχνική clearfix για να καθαρίσετε τις κύριες.
πώς να καθαρίσετε τις κύριες (Clearfix)
οι στοιχεία μετά από το στοιχείο κύριων θα περιθωριοποιηθούν γύρω από αυτό. Χρησιμοποιήστε τη τεχνική clearfix για να λύσετε το πρόβλημα:
χωρίς Clearfix
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
χρήση Clearfix
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
τεχνική clearfix
αν ένα στοιχείο είναι ψηλότερο από το στοιχείο που το περιέχει και είναι κύριες, θα διαρρεύσει τον κουτί του.
τότε, μπορούμε να προσθέσουμε στο στοιχείο περιεχομένου μας το overflow: auto; για να λύσουμε το πρόβλημα:
παράδειγμα
.clearfix {
overflow: auto;
}
απλά αν μπορείτε να ελέγξετε τους εξωτερικούς και εσωτερικούς χάρακες του περιεχομένου σας:overflow: auto; η αφαίρεση της διαρροής κύριων είναι πολύ καλή (διαφορετικά, μπορείτε να δείτε τη γραμμή κύλισης).
αλλά, οι νέες και σύγχρονες τεχνικές clearfix είναι πιο ασφαλείς στη χρήση τους, και οι περισσότερες ιστοσελίδες χρησιμοποιούν τον παρακάτω κώδικα:
παράδειγμα
.clearfix::after {
content: "";
clear: both;
display: table;
}
Δοκιμάστε το προσωπικά
Σχετικές σελίδεςΕκμάθηση:
- CSS Κύλιση Προηγούμενη σελίδα
- Επόμενη σελίδα Απάντα σε κύλιση
