Lors d'un entretien, on m'a posé la question suivante : "Quelle est la différence entre le css et le css ? height:100% y height:auto ?"
Quelqu'un peut-il expliquer ?
height: 100% donne à l'élément 100 % de la hauteur de son conteneur parent.
height: auto signifie que la hauteur de l'élément dépend de la hauteur de ses enfants.
Voici quelques exemples :
hauteur : 100
<div style="height: 50px">
<div id="innerDiv" style="height: 100%">
</div>
</div>#innerDiv va avoir height: 50px
hauteur : auto
<div style="height: 50px">
<div id="innerDiv" style="height: auto">
<div id="evenInner" style="height: 10px">
</div>
</div>
</div>#innerDiv va avoir height: 10px
Je pense que dans le cas de 'height:auto #innerDiv sera 10px + the size it needs for its own content - voir ceci jsfiddle
@Manish Mishra : Quel est le meilleur responsive design ? La hauteur de l'élément enfant ou de l'élément conteneur, et laisser l'autre dériver sa hauteur ?
Je pense qu'une bonne façon d'envisager l'auto est de dire que vous "désactivez" la hauteur - c'est comme si elle n'était pas réglée.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
