2010-10-26 8 views
0

J'ai un div div et un enfant div. La div parente a une propriété border-width, mais malheureusement cette largeur de bordure bloque l'affichage d'une partie de la div enfant. La propriété border-width de la div parente ne peut pas être modifiée. Comment puis-je faire apparaître le div enfant au-dessus de la frontière de la div parent? Si vous remarquez que la div parente a la position: absolute applied, la div enfant n'a pas de position appliquée dans la CSS, et seuls les bords gauche et droit de la div enfant ne sont pas affichés, car seule la bordure gauche et border-right de la div parente sont définies.frontière de div parent blocage enfant div

Répondre

2

Voir par exemple: http://jsfiddle.net/LGR8w/

Une fois que les éléments sont positionnés, vous êtes en mesure de faire l'enfant div se chevauchent au lieu d'étendre simplement la frontière du parent le parent pour adapter le contenu. (mais pourquoi vous voulez faire cela est au-delà de moi).

EDIT:

Si je me trompe, pourriez-vous s'il vous plaît me expliquer pourquoi vous voulez faire plutôt que de faire simplement le parent le chevauchement des enfants et contenu parent étendre à adapter correctement l'enfant? À moins que ce soit pour un design chevauchant stylistique, je ne vois pas pourquoi cela est nécessaire.

+0

La div parente doit rester à sa taille actuelle. Ça ne peut pas s'étendre. – George

+0

S'il ne peut pas prendre de hauteur, l'élément enfant doit être retiré du flux du document afin qu'il puisse chevaucher le document parent. Utilisez la position: absolue pour l'enfant, et ajustez-la w/gauche droite en haut ou en bas. – Moses

+0

C'est ce que je pensais faire. On dirait que ce sera simplement plus facile à positionner: absolu l'enfant. Merci pour l'aide. – George

Questions connexes