Question sur CSS flottant enfant div

Question

je jouais avec un div flotta exemple, où j'ai un conteneur flottant et quelques divs enfants flottaient à l'exception d'un enfant non flottaient

Vous pouvez voir l'exemple sur;

http://jsfiddle.net/emeRJ/7/

Maintenant, je voulais comprendre le comportement ou le rendu pour cet enfant non flottaient div ...

2 questions:

1. Pourriez-vous s'il vous plaît expliquer comment il rend actuellement et quelle différence cela fait-il si je l'ai codé après tous les divs enfants (ie c'est le dernier élément enfant)

2. Cela aura-t-il également un impact sur l'enfant non flottant si je fais que le conteneur soit overflow: caché?

Answer 1

Réponse 1

Au moment où le flottaient non div droite en haut avec la bordure rouge DIFFUSE block il couvre toute la largeur de celui-ci est contenant div. Il est pas affecté par l'autre divs dans l'élément contenant

Si vous vous déplacez à la dernière position dans le contenant div l'autre flottaient divs n'affectent une non flotta de sorte que vous devez clear: both; (qui efface le flotteur et lieux le div non-flotté sous divs flotté) avec CSS, sinon tout texte contenu dans le non-flottant sera flotté vers la gauche et ensuite procéder à enrouler autour des éléments flottants (il ne le fait pas pour le moment parce que le texte n'est pas assez long). À moins que ce soit ce que vous essayez d'accomplir?

Réponse 2

Il ne devrait faire aucune différence que rien ne fait débordait les contenant div qui serait mis à overflow: hidden;

Hope this helps