2
je le code suivant:inline-block bousille avec le positionnement relatif
<HTML>
<head>
<style>div{border:dashed 1px silver}</style>
</head>
<BODY style="background: #fff;">
<div style="position: absolute; background: #0f0; width: 256px; height: 96px; overflow: scroll;">
<DIV style=" display: inline-block;position: relative;top: 64px; left: 32px;">
<DIV style="width: 18px; height: 14px; float: left; background: #f00;"></DIV>
<DIV style="float: left">First</DIV>
<div style="clear: both;"></div></DIV>
<DIV style=" display: inline-block;position: relative;top: 96px; left: 32px;">
<DIV style="width: 18px; height: 14px; float: left; background: #0f0;"></DIV>
<DIV style="float: left">Second</DIV><div style="clear: both;"></div></DIV>
</div>
</BODY>
</HTML>
La deuxième div n'est pas positionné sur le 32 x position, sauf si je supprimer l'affichage: la propriété inline-block, dont j'ai besoin . Y a-t-il un moyen de contourner ceci?
Editer: cela semble fonctionner si je supprime l'affichage: inline-block, mais alors les barres de défilement apparaîtront horizontalement (comme le div prend un espace invisible).
Essayez d'exécuter le code, vous verrez deux éléments où le second est * pas * positionné sur x: 32; même si je l'ai mis là comme ça. – Tower
Oh, mais j'ai fait: http://jsbin.com/aqoju. Pouvez-vous montrer une image ou un site similaire à ce que vous essayez d'atteindre? – Kobi
Oui, mais je ne peux pas utiliser le positionnement absolu comme ça ... essayez la version modifiée que j'ai sur mon poste. – Tower