如何使用响应式网页设计为div id应用高度百分比

Question

嗨朋友们。我正在使用响应式网页设计做一个例子。我在div中更改了图像的高度和宽度，但我无法更改div高度。这是固定的，并没有改变。我不知道是什么原因。我试过'高度：100％'，但该div中的内容没有显示。它只是显示空白页面。我需要有关此问题的帮助，因为这对我来说非常重要。

Answer 1

子元素百分比的高度由其父元素的高度决定。如果父元素没有设置高度，则子元素将如下所示：

height: 100% of nothing. （没有什么是它的父元素的高度） 100％的没有=什么都没有。所以它不会为它设定高度。

如果您将父元素的高度（由Sheric解释）设置为100％，则会发生以下情况：

height: 100% of 100 = 100%，因此它会产生父级的整个高度。

Answer 2

要设置高度为100％，父元素应设置高度。尝试将100％设置为HTML标记中所有父元素的高度。

Answer 3

定义您的父元素height: 100%;以及html,body{height: 100%;}，然后将您的height: 100%;提供给子元素。