Je me demandais si quelqu'un connaissait un tutoriel ou un guide sur la façon dont l'enfant/parent travaille en CSS en termes de positionnement? J'essaie de positionner un élément div à 50 px d'un autre élément du même type mais je n'arrive pas à le faire fonctionner.css positionnement enfant/parent
// Thx à l'avance.
Les documents officiels sont très bonnes:
D'abord, vous devrez apprendre les bases du modèle de boîte:
http://www.w3.org/TR/CSS2/box.html
vous pouvez voir quelles sont les possibilités de mise en forme visuelle:
http://www.w3.org/TR/CSS2/visuren.html
pour utiliser CSS pour la mise en page, vous devez vous familiariser avec le box model.
A List Apart est également une bonne lecture sur ce sujet.
En ce qui concerne votre situation particulière, s'il vous plaît être plus précis.
CSS Maîtrise par Andy Budd est un très bon livre que je recommande tout le monde de vérifier. Vous devriez l'attraper si vous voulez plus d'une compréhension occasionnelle, sinon, si vous google "CSS tutorial" vous obtiendrez un million de visites.
Un super nouveau livre appelé le détective CSS est génial. Une phrase d'explications avec des exemples de code de tous les problèmes généraux avec le positionnement, les flotteurs etc et puis, il y a quatre/cinq études de cas avec tout le code pour vous de regarder et comprendre ce qui ne va pas avant les explications.
Maintenant, à votre problème, vous utilisez le positionnement du tout ou tout simplement flotte? Bien que les flotteurs ne soient pas conçus pour la mise en page, ils sont devenus un outil énorme pour cela, mais il y a des mises en garde comme pour les autres.
Un enfant héritera de ses propriétés de parent sauf s'il est ignoré.
Sons comme si vous utilisez des flotteurs, vous flotter l'élément de gauche/droite et coller une marge gauche ou à droite de 50px. En position absolue, il suffit de cocher les coordonnées à l'écran et d'utiliser left: et top: avec px pour savoir où l'insérer.
De toute évidence, vous devez avoir un parent ou d'un conteneur avec position: relative qui enveloppe l'élément que vous positionner tout à fait que c'est l'élément l'élément/enfant se positionner contre. Relative établit un concept/une cible de positionnement. Mais, c'est «relatif» à sa propre position dans le flux de documents.
Si vous pourriez être un peu plus précis sur l'effet désiré (une maquette, peut-être?) Il pourrait y avoir une réponse codée aussi :) – Agos