为什么不设置高度：100％可将div扩展到屏幕高度？
我希望轮播DIV（s7）扩展到整个屏幕的高度。我不知道为什么它不成功。
body {
height: 100%;
color: #FFF;
font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif;
background: #222 url('') no-repeat center center fixed;
overflow: hidden;
background-size: cover;
margin: 0;
padding: 0;
}
.holder {
height: 100%;
margin: auto;
}
#s7 {
width: 100%;
height: 100%: margin: auto;
overflow: hidden;
z-index: 1;
}
#s7 #posts {
width: 100%;
min-height: 100%;
color: #FFF;
font-size: 13px;
text-align: left;
line-height: 16px;
margin: auto;
background: #AAA;
}
<div class="nav">
<a class="prev2" id="prev2" href="#">
<img src="http://static.tumblr.com/ux4v5bf/ASslogxz4/left.png">
</a>
<a class="next2" id="next2" href="#">
<img src="http://static.tumblr.com/ux4v5bf/swslogxmg/right.png">
</a>
</div>
<div class="holder">
<tr>
<td>
<div id="s7">
{block:Posts}
<div id="posts">
问题答案：
为了使百分比值适合身高，必须确定父母的身高。唯一的例外是 root 元素<html>，它可以是百分比高度。。
因此，您已将除之外的所有元素赋予了高度<html>，因此您应该添加以下内容：
html {
height: 100%;
}
而且您的代码应该可以正常工作。
* { padding: 0; margin: 0; }
html, body, #fullheight {
min-height: 100% !important;
height: 100%;
}
#fullheight {
width: 250px;
background: blue;
}
<div id=fullheight>
Lorem Ipsum
</div>
-
问题内容： 我加载了Google Maps API v3，并在中打印了Google Map 。但是，当将width＆height设置为100％并且是auto时，我看不到地图。 这是HTML代码段。 有没有解决此问题的方法？ 问题答案： 如果要用它覆盖整个页面，则必须将所有父容器的宽度设置为100％。您必须至少为#content div的宽度和高度设置一个绝对值。
-
问题内容： 我有一个包装器div，其中两个容器彼此相邻。在此容器上方，我有一个包含我的标头的div。包装div必须为100％减去标题的高度。标头约为60像素。这是固定的。所以我的问题是：如何将包装div的高度设置为100％减去60像素？ 问题答案： 这是一个正常工作的CSS，已在Firefox / IE7 / Safari / Chrome / Opera下进行了测试。 w3c尚未批准“ over
-
问题内容： 我正在为一个非常简单的库webapp进行布局排序，但是当我使用HTML5 doctype声明时，我的某些div的高度（即100％）会缩小，而我似乎无法保持饱满他们使用CSS进行备份。 如果我删除HTML5 doctype声明，则一切都如我所愿，但我确实想使用正确的HTML5 doctype声明。 如果我将doctype设置为HTML5并且未进行任何更改，则包含照片的div和页脚div将
-
问题内容： 所有浏览器均支持iframe height = 100％吗？ 我使用doctype作为： 在我的iframe代码中，如果我说： 我的意思是说，它实际上会占用其余页面的高度吗（因为顶部还有另一个固定高度为50px的框架），所有主流浏览器（IE / Firefox / Safari）都支持吗？ 关于滚动条，即使我说了，我也可以在Firefox中看到禁用的滚动条…如何完全隐藏滚动条并自动设置
-
问题内容： 有没有一种方法可以使div扩展到最大高度？我也有一个脚注。 这是网页： 网站已删除 。我要说的中间部分是白色div，中间内容具有CSS值： 所以是的，显然没有用。此外，所有父容器都有高度设置。 这是一般结构 问题答案： 您还记得在CSS中设置html和body标签的高度吗？通常，这就是我让DIV扩展到最大高度的方式：
-
问题内容： 我的页面结构为： 现在，DIV将具有更多内容，因此DIV的高度将根据子DIV的增加而增加。 但是问题是身高没有增加。如何使它的高度等于父代的高度？ 问题答案： 对于元素，添加以下属性： 然后针对这些：