CSS Durée de Flotter à Gauche

Donc, j'ai un div et de deux travées:

<div class="A">
    <span class="B"></span>
    <span class="C"></span>
    <span class="clear"></span>
</div>

Supposons que B et C a suffisamment de contenu. Le bout de code CSS est:

.A { position: absolute; } /* I need this to be absolute */
.B, .C { float: left; }
.clear { clear: both; }

Mais je continue à obtenir la mise en page de l'image de droite, alors que je veux qu'il soit comme la mise en page de la première image (voir image ci-dessous)
CSS Durée de Flotter à Gauche

S'il vous plaît aider moi. Et il serait mieux si vous l'obligeance de nous expliquer un peu pourquoi ils se produisent et pourquoi mon code ne fonctionne pas comme je m'y attendais. Comment est-à flotteur fonctionne. Merci.

OriginalL'auteur Reinardus Surya Pradhitya | 2012-05-16

  1. 2

    La classe sont sensibles à la casse, "un" n'est pas "Une"!

    modifier votre code HTML:

    <div class="a">
    <span class="b"></span>
    <span class="c"></span>
    <span class="clear"></span>
</div>

    aussi, le flotteur fonctionne selon la largeur. Donner une largeur à la fois b et c vrd...

    Vous obtenez +1 pour le cas de la sensibilité, mais -1 car b et c sont spans, qui, par défaut, ne sont pas display: block. Ainsi, "je vous attribuer aucun point, et que Dieu ait pitié de votre âme"
    Je n'ai pas mentionné, mais il n'en a pas besoin, merci pour les +1 que vous n'avez pas à me donner 🙂

    OriginalL'auteur jackJoe