gpt4 book ai didi

jquery - CSS 和 jQuery : document. 高度没有正确报告? div 不会垂直拉伸(stretch)

转载 作者:行者123 更新时间:2023-11-28 19:02:43 25 4
gpt4 key购买 nike

奇怪的是,我似乎找不到遇到此问题的人。 O_o

Pastebin

代码在 IE、Chrome(和 Safari)上的#main 末尾和实际页面末尾之间留有间隙,但在 Firefox 上没有。

Vanilla CSS 有 html, body{ min-height: 100%;高度:自动!重要; }#content#main 中的 position: relative

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

编辑:在尝试了更多之后,在我看来,一切都取决于 #content 在 CSS 更改计算发生之前加载其全部内容。从一个页面切换到另一个页面允许 Chrome(和 Safari)为#main 设置合适的高度。有什么办法可以“告诉代码等待”吗?虽然我不确定这是否解决了 IE 的问题

最佳答案

<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}

查看 fiddle
http://jsfiddle.net/UB975/6/

关于jquery - CSS 和 jQuery : document. 高度没有正确报告? div 不会垂直拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5010961/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com