Comment puis-je faire en sorte qu'un enfant divise la largeur de la division parent lorsque l'enfant a une position: absolue et un peu de remplissage?
Voici l’exemple. Je veux que l’enfant ne dépasse pas le parent.
Réponses:
0 pour la réponse № 1Si vous définissez manuellement haut / gauche / droite / bas, sans définir explicitement la largeur, le code sera étendu au parent. J'ai "mis cela à 12px pour tout ce qui donne l'effet de rembourrage
Noter la position:relative; sur le parent, sinon l’enfant sera absolu pour le parent du parent, etc.
Cela a malheureusement des conséquences. Vous le savez peut-être déjà, le parent ne pourra pas s’adapter à l’enfant.
En outre, il m'est venu à l'esprit que vous pourriez peut-êtrevoulait le rembourrage sur l'enfant à la place? Vous pouvez le faire très bien, mais sachez que, compte tenu de la limitation ci-dessus, le parent n’englobera pas nécessairement l’enfant avec trop de remplissage vertical.
0 pour la réponse № 2
Ajouter position:relative au parent, de sorte que l'enfant l'utilise pour des tailles relatives plutôt que pour la page. Puis ajouter left:0px;right:0px; à l'enfant, et enlevez la largeur pour qu'il la calcule elle-même.
comme ça: http://jsfiddle.net/usv9R/10/