我在 CSS 中给了#header 82px 的高度,但即使 #logo 是它的子元素,它也没有得到 82px 的高度。我也应该在 CSS 中给#logo 82px 高度吗?
代码:HTML & CSS 而且,我猜 HTML 有问题。我使用 Sublime Text,虽然所有其他 div 看起来都是彩色的,但第 10 行的#header 看起来很苍白。他究竟怎么了?
默认情况下,元素的高度不是继承的,它是自动的。这意味着高度将根据其中的内容自动确定。
您可以将孩子的高度显式设置为继承 ( height: inherit
),它也将继承您在父项上指定的任何高度。请参阅此 jsFiddle 示例。
除非您给子 div 一个高度,否则它将包装它的内容。如果你想和父母有相同的高度,请将孩子的高度设置为height:100%