Zdarzyło mi się zobaczyć, div
który miał styl clear:both
! Jaki jest pożytek z clear
w style
?
<div style="clear:both">
clear:both
sprawia, że element znajduje się poniżej wszelkich elementów pływających, które go poprzedzają w dokumencie.
Możesz także użyć clear:left
lub, clear:right
aby spadł poniżej tylko tych elementów, które zostały przesunięte w lewo lub w prawo.
+------------+ +--------------------+
| | | |
| float:left | | without clear |
| | | |
| | +--------------------+
| | +--------------------+
| | | |
| | | with clear:right |
| | | (no effect here, |
| | | as there is no |
| | | float:right |
| | | element) |
| | | |
| | +--------------------+
| |
+------------+
+---------------------+
| |
| with clear:left |
| or clear:both |
| |
+---------------------+
Aby dodać do odpowiedzi RichieHindle, zapoznaj się z samouczkiem Floatutorial , który przeprowadzi Cię przez proces pływania i czyszczenia CSS.
źródło
Gdy używasz zmiennej zmiennoprzecinkowej bez szerokości, w tym wierszu pozostaje trochę miejsca. Aby zablokować tę przestrzeń, możesz użyć
clear:both;
w następnym elemencie.źródło