html - DIV 与另一个 DIV 的问题

Question

我在尝试将菜单(高度 = 100%)放在 Logo 旁边时遇到问题。

嗯，图像控制 DIV(容器)的高度，逻辑上如果放置另一个 DIV(菜单)height: 100%在 DIV(容器)的右侧，将保持整体高度，但不会最终发生。

3 次尝试，使用 100%、auto 和 inherit

JSFIDDLE

Answer 1

令许多人沮丧的是，height 是一个特别挑剔的 CSS 属性。您会看到，如果未明确定义父元素的高度，则为高度指定的任何百分比值都会解析为 auto ( Source here in the Values section )。这就是这里发生的事情。

一个解决方案是明确设置父级的高度，如下所示:

height: 150px;

不幸的是，如果您不想做这样的事情，您可能需要求助于 JavaScript 解决方案。你知道的，getting the height of the parent然后将 child 的高度设置为等于该值。