Comment puis-je placer un objet sans mettre à jour le flux d'autres objets, mais spécifiez les coordonnées par rapport au parent?
clarifier,
Je n'ai pas besoin de mettre à jour le flux, mais de spécifier le positionnement relatif. Je peux également utiliser une solution JavaScript.
Edit
Je pense qu'un meilleur exemple serait ceci:
J'ai un document, je veux maintenant placer un qui s'affiche sur le document existant sans changer le flux (penser à un filigrane). J'ai aussi des spécifiques à dire coordonnées (600, -30). position: relatif; TOP: -30PX; à gauche: 600px; met à jour le flux des objets suivants,
Position: absolu; TOP: -30PX; à gauche: 600px; ne met pas à jour le flux mais est le positionnement relatif.
, en ce qui concerne lesquels je sais que je veux placer la nouvelle
0 commentaires
4 Réponses :
Peut-être que je ne comprends pas votre question correctement, mais le flux dépend également du type de positionnement (absolu / relatif) du parent. Veuillez noter que cela peut également être hérité, de son parent, etc.
Ce que je voulais dire est par exemple, disons que je veux insérer un
comme filigrane dans le document sans déranger quoi que ce soit d'autre en termes de mise en page - et disons que je veux mettre ce
à coordonnées 600, -30 à partir d'une spécificité
Appliquer Je ne sais pas si je reçois totalement ce que vous voulez dire, mais je pense que cela est censé être sur http: //www.doctype.com/ , car il ne s'agit pas vraiment de la programmation. Position: relatif; à l'élément parent et utilisez la position : absolu; TOP: peu importe; Gauche: quel que soit sur l'élément enfant. Vous pouvez également utiliser un z-index: quelque chose pour rendre le contenu d'origine de l'élément parent chevauchant l'élément enfant avec le positionnement absolu.
<style type="text/css">
<!--
.abc{background-color:#CFC;width:400px;position:relative;margin-left:80px;min-height:190px;padding:10px;}
.abc p.watermark{padding:20px;width:100px; position:absolute; top:60px;left:-30px;background-color:#FCF;}
.def{background-color:#9CF;width:300px;margin-top:12px;}
.def p{padding:20px;}
-->
</style></head>
<body>
<div class="abc">
<p class="watermark">this reacts only to the div it is in</p>
<p>more text in this div</p>
<p>that will be overlapped by the paragraph with the class of "watermark." can't style all <p> in the dive. or each block would overlap each other, and only the top one could be read.</p>
</div>
<div class="def">
<p class="hi">this one is not affected by the paragraph above</p>
</div>
Basically, the div gets relative positioning, the p gets absolute (which is relative to it's relative container, the div). make sure the p is it's own class, not a child of the div.
Je pense que ce que je cherchais est largeur: 0; hauteur: 0; de sorte que le flux après ne soit pas réaligné à cause de cet élément. Je n'étais pas sûr d'abord que l'objet sera affiché du tout si je l'ai défini pour avoir 0 dimensions.