2011-07-06 4 views
0

J'ai des questions sur le moment où les éléments flottants ont besoin et n'ont pas besoin d'être effacés.Quand un flotteur doit-il être nettoyé?

Tenir compte du balisage suivant:

<div> 
    <div style="float:right"> 
     <a href="#">Delete Destination</a> 
    </div> 
    Unfloated text here. 
</div> 

Cela semble fonctionner correctement, bien que je n'effacer le contenu flottaient. Ce balisage a-t-il des problèmes potentiels?

+0

http://gtwebdev.com/workshop/floats/enclosing-floats.php – Jawad

+0

http://www.quirksmode.org/css/clearing.html – Jawad

Répondre

1

En effaçant le texte, vous le déplacerez sous votre "Destination de suppression".

Ref: https://developer.mozilla.org/en/CSS/clear

+0

Très bien, à droite. Donc vous ne voyez aucun problème avec ce que je fais? –

+0

Quels problèmes attendez-vous? Votre texte utilisera l'espace que la div flottante n'utilise pas. Le reste du texte ira à la ligne suivante. – jack

+0

Je ne suis pas sûr. Je suis en train de définir un style flottant. Je suppose que c'est limité à l'élément dans lequel le style se produit. Pour une raison ou pour une autre, j'avais l'impression que les flotteurs devaient être nettoyés. –

1

Vous souvenez-vous de jours d'école, quand vous avez besoin d'aller à la ligne suivante? Chaque fois que vous voulez aller à la ligne suivante, vous devez effacer les flotteurs. Mais la différence dans CSS et le monde du navigateur est que, la ligne suivante peut être inférieure à 500px :). Chaque fois que vous voulez continuer à avoir des éléments sur la même ligne, n'effacez pas les flottants.

Ceci est bien sûr une explication très simple. S'il vous plaît laissez-moi savoir si je peux aider plus.

+0

lol. Bonne analogie! – Jawad