gpt4 book ai didi

html - Css - 我无法解析的空白

转载 作者:太空宇宙 更新时间:2023-11-04 12:15:30 27 4
gpt4 key购买 nike

我查看了整个网络,包括搜索整个堆栈溢出,但我尝试过的所有方法都不起作用。

我的html和css代码如下。问题是页面底部有一大片空白。

body
{
background-image: url("img/background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.box
{
position: absolute;
right: 0px;
width: 80%;
top: 20%;
background-image: url("img/box.png");
background-repeat: no-repeat;
background-size: 80%;
height: 100%;
}
.box img{
display: block;
}
.explore
{
vertical-align: top;
position: absolute;
right: 42%;
width: 10%;
top: 70%;
background-image: url("img/explore.png");
background-repeat: no-repeat;
background-size: 80%;
height: 100%;
}
.explore img {
display: block;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Harry Roper Design</title>
</head>

<body>
<div class = "box"></div>
<div class = "explore"></div>
</body>
</html>

最佳答案

您应该从您的 CSS 中删除 height: 100%; 以解决“大面积空白占据页面底部”的问题。

并且没有可接受的理由使用两个 div 作为 body 内容在 CSS 中使用 absolute 定位

关于html - Css - 我无法解析的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28752664/

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