Jak usunąć płynność (Clearfix)
- Poprzednia strona Równowysokość
- Następna strona Reaktywne unoszenie
Naucz się, jak używać techniki clearfix do usuwania płynności.
Jak usunąć płynność (Clearfix)
Elementy za elementami płynnymi będą płynnie przepływać. Rozwiązanie problemu z użyciem clearfix:
Brak Clearfix
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
Użycie Clearfix
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
Technika clearfix
Jeśli element jest wyższy niż element go zawierający i jest płynny, będzie wylewał się poza swoją pojemność.
Następnie możemy dodać overflow: auto; do elementu zawierającego, aby rozwiązać ten problem:
Przykład
.clearfix {
overflow: auto;
}
Dopóki możesz kontrolować marginesy zewnętrzne i wewnętrzne:overflow: auto; Efekt usuwania piany jest dobry (w przeciwnym razie, możesz zobaczyć paski przewijania).
Jednak nowe, nowoczesne techniki clearfix są bardziej bezpieczne w użyciu, większość stron internetowych używa poniższego kodu:
Przykład
.clearfix::after {
content: "";
clear: both;
display: table;
}
Strony związane
Tutorial:CSS unoszenie
- Poprzednia strona Równowysokość
- Następna strona Reaktywne unoszenie
