gpt4 book ai didi

html - body 不覆盖文档高度

转载 作者:太空宇宙 更新时间:2023-11-03 21:46:03 25 4
gpt4 key购买 nike

<html>
<body>
<img id='imgTest' src='https://www.google.com/images/srpr/logo11w.png'>
</body>
</html>

CSS

html{
height:100%;
background:blue;
}
body{
height:100%;
background:yellow;
}
#imgTest{
position:absolute;
height:700px;
width:200px;
top:14px;
left:25px;
}

我需要 body 覆盖整个文档高度,并保持 imgTest 绝对定位。

这是 FIDDLE

最佳答案

绝对定位元素的标准问题。为了确保周围的 body 元素具有正确的大小,您需要指定它:

body{
height:100%;
background:yellow;
margin: 0;
min-height: 714px; /* height of image + top of image */
}

查看更新的 fiddle .

关于html - body 不覆盖文档高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20571262/

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