Sok gondot okozott, hogy a float-olt div -ek nem növelik FF alatt a konténer elem magasságát. Erre találtam egy egyszerű megoldást. Annyi a teendőnk, hogy a css-be definiálunk egy új osztályt, aminek a tulajdonsága egyetlen sor. Itt található a példa css-kód részlet:
1 2 3 | .clearfix { clear: both; } |
Ha ezzel kész vagyunk, a float-olt div-ek után betehetjük az alábbi kis sort, és máris meg van oldva a probléma.
1 | <div class="clearfix"></div> |
Ezzel meg is lennénk.