Het op juiste manier clearen van een div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Guido  -

Guido -

10/08/2018 21:31:00
Quote Anchor link
Goedenavond,

Ik zit al een tijdje te twijfelen wat de juiste/beste manier is om een div, die weer meerdere rechts/links uitgelijnde divs bevat, te "clearen" zodat deze div niet instort.

Tot dusver gebruikte ik dit, wat in de meeste gevallen prima werkt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
.parent-div {width:100%; clear:both; float:left;}


Maar bovenstaande zie ik niet vaak voorkomen, ik zie wel vaak de "clearfix" methode, zoals:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
.parent-div:after {content:''; display:block; height:0; clear:both;}


Waar gaat jouw voorkeur naar uit? Alvast dank!

Guido
 
PHP hulp

PHP hulp

29/03/2024 13:30:08
 
- Ariën  -
Beheerder

- Ariën -

10/08/2018 21:42:57
Quote Anchor link
Die laatste is moderner en makkelijker in gebruik.
Hier staan een hoop clear mogelijkheden beschreven:
https://stackoverflow.com/questions/211383/what-methods-of-clearfix-can-i-use
 
Guido  -

Guido -

13/08/2018 13:49:57
Quote Anchor link
Hoi,

Bedankt voor je reactie.
Om het stylesheet overzichtelijk te houden kies ik dan maar voor de :after clearfix.
Nu gebruikte ik slechts af en toe een :after clearfix, als mijn eerste optie niet werkte, maar daar wordt het niet overzichtelijker van.

Guido
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.