Ce code fonctionnera très bien dans Webkit (chrome) mais pas dans Firefox, où la deuxième durée va baisser, savez-vous pourquoi?Pourquoi la portée flottante diminue-t-elle?
<div id="sbar">
<span id="status">Some Text</span>
<span id="mlog" style="float: right;">Some text in the right</span>
</div>
Essayez d'inverser les deux portées.
<div id="sbar">
<span id="mlog" style="float: right;">Some text in the right</span>
<span id="status">Some Text</span>
</div>
Ouais ... marche arrière fait fonctionner la cause avec des flotteurs, vous devez organiser vos éléments comme une pile que le navigateur peut ramasser -
alors quand flottage gauche
A
B
C
flottera à ABC -
A
AB
ABC
quand tout flottaient à droite vous donnera l'ABC, comme dans
A
BA
ABC
J'ai vu cela mis en œuvre dans Firefox, n'ont pas vérifié webkit. Vous pouvez être en sécurité avec cela, cependant.
Ce code fonctionne bien dans Webkit (Chrome), mais pas dans Firefox
WebKit est erroné. La norme spécifie que le droit-float doit descendre sur une ligne.
Pour une explication, voir CSS: Three Column Layout problem.
Ce code fonctionne très bien dans WebKit (chrome), mais pas dans Firefox, où la deuxième travée baissera, savez-vous pourquoi?
Oui. Le comportement d'un élément flottant tombera en dessous d'un élément non flottant qui le précède dans le code. D'autres vous ont déjà donné les corrections.
Peut proposer une autre solution sans inversion. Il fonctionne dans différents navigateurs
<div id="sbar" style="position:relative;">
<span id="status">Some Text</span>
<span id="mlog" style="position:absolute; top:0;right:0;">Some text in the right</span>
</div>