gpt4 book ai didi

html - 如何将上边距设置为一个窗口长度?

转载 作者:行者123 更新时间:2023-11-28 12:35:12 27 4
gpt4 key购买 nike

我想制作一个元素,即我在 css 中制作的框,显示在框架外或具有一个完整窗口长度的顶部边距值。

这是一个工作示例的网站链接:http://www.pulse8music.com/bestofchillstep2014引用链接的网站,我想复制框架外的白色背景区域,让用户通过滚动发现白色区域。感谢您的宝贵时间。

HTML代码:

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
<script language="javascript" type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script src="script.js"></script>
<title>title</title>
</head>
<body>
<div class = "titleBar">
<p class = "title">title</p>
</div>
<div class = "targetBox">
<p class = "longboxTitle">title</p>
<p class = "longboxSubtitle">subtitle</p>
<div class = "box"></div>
</div>
</body>
</html>

CSS 代码:

.targetBox {
height: 40cm;
width: auto;
background-color: #FFFFFF;
z-index: 1;
text-align: center;
background-size: 100%;
margin-right: -3000px;
padding-right: 3000px;
margin-left: -3000px;
padding-left: 3000px;
/* INSERT NEW CODE HERE */
}

最佳答案

为此尝试使用 css 的 vh 单位(视口(viewport)高度)。1vh 等于视口(viewport)(浏览器窗口)宽度的 1%,因此将高度设置为 height: 100vh 就可以很好地完成这项工作。

关于html - 如何将上边距设置为一个窗口长度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27830122/

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