CSS和jQuery：document.height没有正确报告？ div不会垂直拉伸

奇怪的是，我似乎无法找到任何人与此问题。 O_OCSS和jQuery：document.height没有正确报告？ div不会垂直拉伸

代码叶#main的结束和IE，Chrome浏览器（和Safari）的实际页面的末端之间的差距，但不能在Firefox浏览器。

香草CSS有html, body{ min-height: 100%; height: auto !important; }。 #content是#main内的position: relative。

试图让#main从顶部到页面底部伸展。

编辑：用它打的多之后，在我看来，一切都取决于具有CSS-变化计算发生之前加载它的全部内容＃内容。从一个页面切换到另一个页面允许Chrome（和Safari）为#main设置适当的高度。有什么方法可以'告诉代码等待'吗？虽然我不知道这是否修复了IE

来源

2011-02-15 Zydeco

只是一个猜测，但有一点我想尝试在curses之间会看看'$（'body'）。height（）`是否返回任何不同的东西。（也许不是。） – Pointy 2011-02-16 00:16:57

自从我参加了宣誓就职休息，并在希望IE浏览器将是符合标准的在接下来的六百年的表演仪式，我可以告诉你，一个`$（窗口）.load（函数（） {$（'html'）。prepend（$（document）.height（）+' - '+ $（window）.height（）+' - '+ $（'body'）。height（））;}） ;`在IE中给出'928 - 924 - 500'的结果，在Firefox中给出'1102 - 948 - 500'的结果。这就像IE不知道报告的适当高度。这就是我提到绝对定位的原因。这会有所作为吗？ – Zydeco 2011-02-16 00:29:28

<html> 
    <body> 
     <div id="main"> 
      <div id="content"> 
       <p>content area</p> 
      </div> 
     </div> 
    </body> 
</html>

面临的问题和CSS

html, body {height: 100%; margin: 0; padding: 0} 
#main { 
    min-height: 100%; 
    height: auto !important; 
    width: 1024px; 
    position: absolute; 
    top:0; 
    left:50%; 
    margin-left:-512px 
} 
#content {margin: 135px 0 0 300px} 

/* for illustrative purposes */ 
#main {background-color: #CDE}

退房小提琴
http://jsfiddle.net/UB975/6/

来源

2011-02-16 06:19:01 Nimrod

CSS和jQuery：document.height没有正确报告？ div不会垂直拉伸

回答

相关问题