/ Code Css cssFloat | Résutat du code Css cssFloat | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété JS / CSS cssFloat.

<style>
.cadre-gris{ margin : 5px 0; zoom : 1; overflow : hidden; clear : both}
.position { position : relative; height : 60px; width : 100%}
.position .exemple-style-1{ position : absolute; left : 0; right : 0}
</style>
<div class="cadre-exemple" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
 <div class="cadre-gris">
   <span class="cadre-vert exemple-style-0" >Texte 1</span> 
   <span class="cadre-vert exemple-style-0" >Texte 2</span> 
   <span class="cadre-vert" id="exemple-style-0">Texte 3</span> 
   <span class="cadre-vert exemple-style-0" >Texte 4</span> 
   <span class="cadre-vert exemple-style-0" >Texte 5</span> 
  </div>
  <h3>Position absolute</h3>
  <div class="cadre-gris position">
    <span id="exemple-style-1" class="cadre-vert exemple-style-1" >Texte 3</span > 
  </div>
</div>
<script>
initExemple('float',  'cssFloat', ['none', 'left', 'right','inherit'], 2, undefined, true); 
</script>

Interprétation du code de la propriété cssFloat JS / CSS par votre navigateur.

Valeur par défaut

Texte 1 Texte 2 Texte 3 Texte 4 Texte 5

Position absolute

Texte 3

Interprétation normale du code de la propriété JS / CSS cssFloat (copie d'écran).

copie d'écran de l'affichage de la propriété JS / CSS cssFloat