子div的高度溢出父容器

Question

在这个例子中， http://fiddle.jshell.net/dwuZp/15/

“icons”div溢出“logoTimeAndIcons”父div高度的原因是什么？

*如果将其更改为50％高度，您将能够看到问题。

谢谢。

Answer 1

图标对象设置为父对象高度的100％（在本例中为400px）。如果将200px对象放在200px父级中，这是有道理的。上面的两个浮动div（结合 clear：两个应用于#icons），导致此div向下流过其父div的末尾。这是预期和正常的行为。对象可以（并且经常）从其父容器中流出。 溢出 css-attribute将有助于管理此问题。

如果您遇到此问题该怎么办，请：

1. 调整大小 #icons为较小的高度（在本例中为100px）
2. 或者，在#logoTimeAndIcons上设置 overflow：hidden 以隐藏溢出的div。

希望这有帮助。