7
votes

Comment le parent div peut-il redimensionner sa hauteur basée sur la taille de l'enfant?

Comment le parent div peut-être auto redimensionner sa hauteur en fonction de la hauteur de l'enfant?

<div id="main">
    <div id="left" class="cell">

        <div id="description" class="cell">
        </div>

        <div id="following" class="cell">
        </div>

    </div>

    <div id="posts" class="cell"> 
      there are some contents here (height is set to auto)
    </div> 
</div>

html css

8 commentaires

Je viens de regarder ces barres de défilement sur les blocs de code après l'édition me rend malade à l'intérieur.

@Joseph: Quel est ton problème? Vous avez posté une tonne de code avec un titre. Des descriptions sont l'homme d'or!

Maintenant, vous avez trop réduit, nous aimerions voir le HTML et le CSS pertinents.

Ne définissez pas une hauteur sur l'élément parent? ; P

@DANJAH - Oh! Ça n'a pas fonctionné xd

Vrai. Quelle est la question ici?

Comment la hauteur de l'élément enfant peut-elle affecter la hauteur de l'élément parent? Ou comme hériter? MDR

Regardez ceci pour plus de Unter escove:

3 Réponses :

1
votes

div#main{
         width: 970px;

         background: rgba(255,0,0,1);
         border: 5px solid rgb(251,151,117);
         margin: 20px 0px 20px 0px; /* Top Right Bottom Left*/
         padding: 10px       
    }
Remove height attribute

0 commentaires

8
votes

J'ai fait un Exemple em> très simple pour que vous voyez comment Variable Hauteur de la hauteur parent.

<div class="parent">
    <div class="child">
    </div>
</div>

3 commentaires

Je sais que. Ce qui me dérange, c'est qu'il y a, par exemple, basé sur ma question, une autre div, comme ceci:

sauf que le dernier div n'est pas un div ( qui a des hauteurs irrégulières, donc j'ai défini le 2e DIV, qui contient la teneur irrégulière en hauteur, à auto)

Comme quoi? Tu es beaucoup trop vague.

Les deux liens sont cassés. Cela vous dérangerait-il de recréer les exemples et de l'intégrer dans le poteau?

0
votes

CSS3

.container {
    display: inline;
    position: relative;
}

0 commentaires