Question

我想重复垂直div的背景图像，直到页面底部。

#repeat {
   background: url(repeat-image.png) repeat-y;
   height: 100%; /* this does not work, but height: 1024px; does */
}

这不起作用。我需要根据我的页面设计这样做。可以这样做吗？

关心维克拉姆

Answer 1

尝试为height:100%和<body>设置<html>。如果页面上除了这个div之外什么也没有，那么没有这些设置，100％的高度将是0px。

Answer 2

对于网页，身高是一件有趣的事情。由于网页垂直扩展，页面的总高度实际上可以为0.您可以考虑对每个至少需要一定高度的元素使用最小高度。您可以使用height：100％来填充父级的完整高度。