html - 如何让一个div成为页面的长度

Question

我将如何使我用来包含页面的 div 一直延伸到页面底部。

你可以在这里看到:http://csgoshack.com/shop/index.php?page=cats白色的 div 没有一直延伸到页面底部，这让它变得很难看。

使它始终相对于浏览器大小延伸到页面底部的最佳方法是什么？

谢谢。

如果您需要网站的任何代码来帮助我做到这一点，请询问。

编辑 没错，我真正想要的是白色条在背景上保持静止，然后让产品滚动到白色框上，使其始终位于页面中央，这怎么可能？

Answer 1

我会将顶栏移到whitebg之外，因为这可能会更容易。

设置你的 body :

padding: 0;

设置你的.whitebg:

position: relative;
left: 50%;
margin-left: -625px;
top: 0;
padding-top: 60;
height: 100%;

您可能会注意到右侧有一个滚动条，即使它不是必需的。我认为将顶部栏移出 whitebg 将消除您对 padding-top: 60 的需求，这应该有助于摆脱滚动。

** 编辑 **

如果您将顶部导航栏移到 whitebg 之外，我认为保留很多 CSS 效果很好。

.whitebg

position: absoulte;
left: 50%;
margin-left: -625px;
top: 50px;
padding: 10;
height: 100%;

** 编辑 #2 **

这里的关键是让您的背景包含您想要的区域。然后使用其他内部元素来处理其中内容的定位。如果您尝试在最外层的背景元素上添加边距或填充，您会发现它会超出所需的大小，因为它们总是添加到高度或宽度。

.holder

remove the padding-top

.whitebg

remove all padding

.bodycon

add margin-top: 50px;
change margin-bottom to a normal margin

.fotter

add a margin if desired