完整高度页面不起作用(CSS身高:100%)

时间:2013-09-30 14:13:03

标签: height css

我有这个我在第二天无法解决的最奇怪的问题:((

http://someimage.com/Pq3ZP6K

http://someimage.com/YCAYciU

正如你所看到我有html和身体,身高:100%,有两个孩子的最小高度:100%(身高或最小身高现在并不重要);

  • 不仅对我的侧边栏不起作用,Body本身也不会渲染到100%的高度(如第二个屏幕截图所示)。 但是我真正想到的是加上top:0;底部:0;侧边栏仍然没有拉伸, 绝对定位的元素甚至不应该与文档流程有关! :-o

这样的事情通常会发生,因为我错过了一些微不足道的事情;我可以想到至少有两种方法可以达到理想的效果而忽略了这个问题,但我只需要了解它的作用 - 我缺少什么?

//当然我试图禁用所有脚本,规范化程序和其他东西 - 没有结果......

如果您需要知道#PageWrap属性:

#PageWrap {
max-width: 1400px; min-width: 835px; height: 100%;
padding: 19px 0 0 21px; margin-left: 200px;
background: linear-gradient(to right, rgba(52, 49, 221, 0.2) 0%, rgba(25, 28, 37, 0.2) 100%),
 url("../img/BG_Z.png");
background-position-x: 0px, 309px;
background-size: 300px 100%, 928px 1061px;
background-repeat: no-repeat;
background-attachment: fixed;
}

非常感谢任何帮助。 提前致谢, 鲆

P.S。我也在这里分享了jQuery这个很棒的技巧: Set column to full height of the page     $('#Block').height($(document).height());

这是我在案例中给出的结果: http://someimage.com/6a4O8JH (即它还没有完整的页面高度......)

......这太疯狂了: - |

UPD 这里是一个只有两个主要块的实时预览: http://mainroom.pro/share/code/pen.html

1 个答案:

答案 0 :(得分:1)

background-size: 300px 100%, 928px 1061px;会导致问题吗?尝试取出928px 1061px并查看是否有效