0

我在这个网站（和其他网站）上做了很多研究，但我无法解决我的问题......在这个网站上：http: //vintagebike.fr/t%C3%A9t%C3%A9/ 我希望每个部分都涵盖视口高度的 100%... 我设置在 min-height : 100% for eachs... 我设置 html, body at height : 100%

一些代码：

html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:url(...) repeat top left; font-color:#353232; height:100%;}



body{ height:100%; background:#fff; float:left; width:100%; font-size:.8125em; color:#353232;}

#about{background-color: #cde2f3;position:relative;min-height:100%;}
#elements{background-color: #fbe2e4;position:relative;min-height:100%;}
#pourqui{background-color: #ffedc1;position:relative;min-height:100%;}
#contact{background-color: #ddeee4;position:relative;min-height:100%;}

如果我以像素为单位设置高度，它就可以工作了……</p>

我真的不明白……</p>

提前致谢。

（对不起我的英语不好）

4

1 回答 1

0

阅读百分比高度的规范。它与视口无关。既然你有body {height:100%}，随着 BODY 的增长，它就变成了用来表示 100% 的元素，而不是视口。

您需要根据浏览器的视口大小使用 JavaScript 设置部分高度。

好机会。

指定百分比高度。百分比是根据生成框的包含块的高度计算的。如果包含块的高度没有明确指定（即，它取决于内容高度），并且该元素不是绝对定位的，则该值计算为'auto'。根元素上的百分比高度是相对于初始包含块的。注意：对于包含块基于块级元素的绝对定位元素，百分比是相对于该元素的填充框高度计算的。这是从 CSS1 的一个变化，其中百分比总是相对于父元素的内容框计算。

于 2013-02-06T21:40:37.587 回答