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).