Dans l'exemple, http://fiddle.jshell.net/dwuZp/15/Hauteur de div enfant déborde conteneur parent
Quelle est la raison de « icônes » div à hauteur de parent déborde div « de logoTimeAndIcons »?
* Si vous le changez à 50% de hauteur, vous pourrez voir le problème.
Merci.
L'objet icons est défini sur 100% de la hauteur de l'objet parent (400px dans le cas présent). Si vous placez un objet 200px dans un parent 200px, cela a du sens. Les deux divs flottants ci-dessus (combinés avec clear: les deux appliqués à #icons), amènent cette div à descendre après la fin de sa div parente. C'est un comportement normal et attendu. Les objets peuvent (et souvent le font) sortir de leurs conteneurs parents. Le débordement css-attribute vous aidera à gérer cela.
Quant à ce qu'il faut faire si vous rencontrez des problèmes à ce sujet, soit:
Espérons que cela aide.
Merci pour l'explication détaillée. Y at-il de toute façon je peux dire #icons qu'il a 100px sur le dessus mais prend toujours 100% du reste? – user648026
Vous pouvez utiliser CSS3 calc (100% - 100px), mais il a un minimum de support de navigateur à ce stade. Je suggère de spécifier votre taille directement sur l'enfant, 100px au lieu de 100%. Il y a peu de perte à cette approche et vous garantirez que tout fonctionne correctement. – ghayes
css3 est hors de la portée, je vais essayer d'ajouter div interne supplémentaire ou en utilisant la propriété de la marge supérieure, merci! – user648026