enfant placé par rapport à l'intérieur d'un parent parent positionné disparaît dans IE7

Voici mon code:enfant placé par rapport à l'intérieur d'un parent parent positionné disparaît dans IE7

<ul style="list-style: none; position: relative;"> 
    <li style="float: left;"><span style="position: relative; left: 5px; ">one</span></li> 
    <li style="float: left;"><span>two</span></li> 
    <li style="float: left;"><span>three</span></li> 
</ul>

Tous li éléments contiennent un span, mais le premier est le seul différent, ce qui est relativement positionné.

Tous les navigateurs sont bien avec ceci, mais seulement IE6 \ 7 faisant disparaître la première envergure - et c'est mon problème.

Source

2010-10-17 Gal V

Si vous devez définir la position relative, changez le flotteur en bloc-ligne. Le flotteur est également un facteur dans ce cas.

http://jsfiddle.net/zRYqh/5/

Source

2010-10-17 11:21:15

Hey meder, merci pour la réponse. quand je le change en inline-block, je perds le float, et les éléments li ne viennent pas en une ligne, mais en trois lignes. n'y a-t-il pas de solution pour garder les chars et aller au-delà de ce bug? –

@Gal V - inline-block vous donnerait le même effet. Assurez-vous que vous incluez le 'display: inline' IE'

enfant placé par rapport à l'intérieur d'un parent parent positionné disparaît dans IE7

Répondre