Clearfix

687 0

Stosowanie właściwości float może powodować problemy z poprawnym wyświetlaniem elementów, które ją posiadają. Przykładowo poniżej mamy tekst oraz obrazek, zamknięte w divie z tłem. Jednak z powodu zastosowania float „wyszły” one z tego diva, przez co ma on zerową wysokość i się nie wyświetla. Dodatkowo psuje to ramkę przykładu.

Przykład

Tekst z floatem do lewej

Kod

Rozwiązaniem tej sytuacji jest zastosowanie tzw „clearfix”. W Bootstrapie jest on już zaimplementowany i wystarczy divovi wokół floatowanych elementów dodać klasę .clearfix.
Poniżej poprawne wyświetlanie powyższego kodu.

Przykład

Tekst z floatem do lewej

Kod

Przydało się? Oceń proszę jak bardzo: SłaboJako takoNie ma źleDobrzeRewelacja! (4 głosów, średnia: 5,00 na 5)
Loading...

Chcesz coś napisać?

Podziel się swoją opinią bądź dodaj coś od siebie.

*

*