« droit » de manière à dire relativement déplacé div que le lieu d'origine ne plus occupé

Question

Tant que je vois quand je place un élément (par exemple flash) par rapport à l'image précédemment placée comme dans l'exemple

style="display: block; width:216px;height:164px; position: relative; top: -306px; left: 63px" 

l'endroit qu'il avait l'intention d'utiliser avant est regardé occupé, c'est-à-dire que l'élément suivant sera affiché après cet endroit. Mais j'ai besoin de dire au rendu que je n'ai plus besoin de cet endroit et que l'élément suivant peut être rendu comme si l'élément relativement placé n'apparaissait pas du tout.

La seule solution que je trouve est d'envelopper le contenu dans un div externe avec les dimensions de l'image principale et « overflow: hidden »

Y at-il une meilleure (ou « droit », comme dans le titre) façon de faire la même chose?

Answer 1

Une boîte en position relative conserve sa taille de flux normal, y compris la ligne les pauses et l'espace à l'origine réservé.

Relative positioning

Une façon est de placer l'élément enfant comme absolument positionné dans un autre récipient avec jeu de position.

Answer 2

Vous utilisez le positionnement absolu au lieu du positionnement relatif pour sortir l'élément du flux.

Si vous souhaitez toujours spécifier les coordonnées relatives à une position dans le document, placez un autre élément autour de celui-ci. En définissant le positionnement relatif (mais pas de décalage) sur l'élément environnant, vous le transformez en calque, de sorte que l'élément absolument positionné l'utilise comme origine au lieu de la page.

Exemple:

<div style="position:relative;"> 
    <div style="position:absolute;top:-306px;left:63px;">content...</div> 
</div>