2013-03-20 61 views
1

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

+5

把你的代码放到http://jsfiddle.net/并链接到这里。 – pravat 2013-03-20 06:45:20

+5

欢迎使用stackoverflow!我们需要查看您的代码才能正确评估您的问题。请编辑您的答案以包含代码或添加到jsfiddle并链接到它,正如pravat指出的那样。 – BIOS 2013-03-20 06:47:25

+0

与响应式网页设计有什么关系?如果您的div未随其内容扩展,则您的HTML语法可能无效。你真的应该为你的问题添加一些代码,以获得具体和好的答案。 – 2013-03-20 08:29:31

回答

0

对于设置高度为100%,父元素应该设置高度。尝试将100%设置为HTML标记中所有父元素的高度。

2

子元素百分比的高度由其父元素的高度决定。如果家长没有设定高度,子元素会认为如下:

height: 100% of nothing.(没有什么是它的父元素高)的无=无 100%。所以它不会为它设置一个高度。

如果设置的父元素(由Sheric解释)至100%,发生以下情况的高度:

height: 100% of 100 = 100%,从而将产生父的整个高度。

0

定义你的父元素height: 100%;,也html,body{height: 100%;}然后给你的height: 100%;子元素。