Question

也许这不是问题这个问题的正确堆栈，如果我需要改变它，请告诉我。

基本上我遇到的问题是css背景没有占用页面的孔高，而且因为我有重复的背景图像，所以看起来并不好看。

代码结构就是这样的：

  <div class="bg">
     <div class="wrap">
        <wordpress loop>
     </div>
  </div>

背景是包装器，因为图像更大，意味着覆盖页面的100％宽度。

CSS：

  .bg { 
       width: 100%;
       background: url(imagelink) repeat-y center;
       height:???? I SET 500px for display the sample of the issue.
    }
  .wrap {
       width: 960px;
       margin: 0px auto;
   }

主要是文章可以是不同的大小，在这个样本中http://www.villa-frankrijk-provence.nl/de-provence/de-provence-1/类似于3300px，但在其他页面中它类似于500px，所以我不能使用固定数字。

我想要背景图片来获得孔高，任何建议????我会一如既往地感谢你的帮助:)！

此致

Answer 1

删除.bg上的高度声明，并在HTML中的＃page-text-single（即<wordpress-loop>之后）之后添加：

<div style="clear:both;"></div>

浮动项不会导致其父元素调整大小，但您可以强制它们在浮动内容之后直接使用非浮动元素。

Answer 2

不要指定高度或尝试高度100％。

Answer 3

不确定这是你想要的：

.bg-contact3{overflow:hidden;}

css背景高度细节

3 个答案: