我创建的页面是一些非常简单的文本图像和视频。然后我把这个内容放入div（div innver），这个div（div innver）有一个白色背景。这个Div（div innver）然后在另一个div（div外部）内。 Div（div outer）的背景颜色为蓝色。由于某种原因，div（div innver）的背景颜色不会占据页面的整个长度。
这是指向允许您查看问题的页面的链接。
http://cssdeck.com/labs/bhppooft
我想要的是白色背景是整个页面的高度，而不仅仅是顶部。
答案 0 :(得分：2)
你的内部div绝对定位，固定高度为100％。这会产生一个与视口完全相同的白框。
答案 1 :(得分：1)
我删除了div的绝对位置，这导致了问题。 对于解释，如@Paul所说：
你的内部div是绝对定位的，并且有一个固定的高度 100％。这导致白色盒子的高度与完全相同 视口。
评论后编辑：
您希望白色div粘贴在顶部和底部see this fiddle
body { margin: 0;}
p:last-child { margin-bottom: 0; }
注意元素的边距和填充。我所做的修复工作在本案例中起作用，但如果在最后一个p标记之后添加其他元素则无法工作。
此外，请确保关闭您正在打开的标签并遵守这些标签的顺序（我没有更正JSFiddle中的所有标签）
最后，您可以使用CSS样式表来阐明您的HTML代码：）
答案 2 :(得分：0)
只需删除
位置：绝对; 高度：100％;
从内部div然后你的问题就会解决。
代码错误
---------------- xxx ------------
背景颜色：白色;
底部：0;
font-size：20px;
身高：100％;
左：0;
保证金：0自动;
位置：绝对;
右：0;
text-align：justify;
顶部：0;
宽度：80％;
z-index：-1;
---------------- xxxx -------------
正确代码
---------------- xxx ------------
背景颜色：白色;
底部：0;
font-size：20px;
左：0;
保证金：0自动;
右：0;
text-align：justify;
顶部：0;
宽度：80％;
z-index：-1;
---------------- xxxx -------------