0

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

http://someimage.com/Pq3ZP6K

http://someimage.com/YCAYciU

如您所见，我有 html 和 body，height:100%，它有两个孩子 min-height:100%（现在高度或 min-height 无关紧要）；

  • 这不仅对我的侧边栏不起作用，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;
}

将不胜感激任何帮助。在此先感谢，马克西姆斯

PS我还发现了这里共享的jQuery上的这个绝妙技巧： 将列设置为页面的全高 $('#Block').height($(document).height());

这是它在我的案例中给出的结果： http: //someimage.com/6a4O8JH （即它仍然不是整页高度......）

...这太疯狂了：-|

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

4

1 回答 1

1

会background-size: 300px 100%, 928px 1061px;导致问题吗？试着拿出来928px 1061px看看是否有效

于 2013-09-30T14:19:04.120 回答