6
votes

Obtenez de la couleur de fond pour remplir la pleine hauteur de div

J'ai une DIV qui a une hauteur fixe et une couleur d'arrière-plan - comme vous pouvez imaginer que la couleur d'arrière-plan ne se développe pas pour remplir la pleine hauteur de la div.

J'ai aussi 4 div code> S dans ce conteneur div pour les coins arrondis. J'ai inclus le code ci-dessous. Comment puis-je obtenir la couleur d'arrière-plan pour s'étendre au bas du conteneur div, indépendamment du contenu? P>

p>

<div id="art2">
  <div class="art2boxtl"></div>
  <div class="art2boxtr"></div>
  CONTENT
  <div class="art2boxbl"></div>
  <div class="art2boxbr"></div>
</div>


0 commentaires

3 Réponses :


2
votes

Essayez quelque chose parmi les lignes de: xxx

Remarque le


1 commentaires

Ne fonctionnera pas dans ce cas, ses éléments contenant sont Position: absolu . Ce serait la bonne approche si les éléments où flottent: laissés ou droit



4
votes

Votre problème n'est pas le Color de l'arrière-plan - qui remplira tout le monde, mais le fait que la DIV environnante ne s'étend pas à la taille de toutes les DIV.

L'approche de Raveren s'étirera le parent div si les enfants sont float: droite ou flotteur: gauche . Cela ne fonctionnera pas pour la position : absolu . Pour ceux-ci, vous devrez donner au conteneur parent une hauteur fixe.


0 commentaires

1
votes

Utiliser Position: absolu pour vous parent div. Cela a résolu le problème pour moi.

Vous pouvez également faire référence à https://stackoverflow.com/a/18968401/6751430


0 commentaires