javascript - 如何通过操纵最高值来提升所有元素？

Question

我有一个我下载的 ios 锁屏，它有多个显示天气信息的元素，例如文本、小图像......无论如何我想知道如何将它们全部移动到屏幕顶部，目前它们在中间。每个元素都有绝对位置和不同的 Z 索引。我应该更改 top: 值吗？我应该将它们分组吗？如果是这样，我该怎么做并将它们全部向上移动？!顺便说一句，对于那些不知道的人，锁屏主题中允许所有 js、html、css

更新 这是代码! -

<style type="text/css">
.weekday
{
position: absolute;
top: 252px;
left: -18px;
width: 320px;
height: 60px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100;
font-size: 13px;
color: white;
text-transform:lowercase;
}
</style>



<style type="text/css" >
.month{
position: absolute;
top: 268px;
width: 320px;
left: -33px;
height: 60px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100;
font-size: 13px;
color: white;
text-transform:lowercase;
}
</style>

<style type= "text/css">
.date{
position: absolute;
top: 268px;
width: 320px;
left: -18px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100; font-size:
13px;
color: white;
}
</style>

<style type="text/css">
.icon{
position: absolute;
z-index:10;
left: 15px;
top: 200px;

}
</style>

<style type="text/css">
#temp{
position:absolute;
z-index:7;
color:white;
top: 251px;
left:40px;
width: 320px;
font-size:15px;
font-weight:200;
font-family: source_sans_prolight;
}
</style>

<style type="text/css">
#clock{
position:absolute;
width: 320px;
height: 200px;
left: -15px;
text-align: right;
z-index: +4;
top: 194px;
font-family: source_sans_prolight;
color:white;
font-size: 55px;
font-weight: 100;
}
</style>

还有更多，但这就是看起来的样子!

Answer 1

如果不发布任何代码，非常困难!要回答您关于如何将它们移到顶部的问题，我会添加一个容器 <div>围绕其他元素的元素，然后将其 CSS 设置为类似以下内容:

.lock-item-container {
    position: absolute;
    top: 0;
}

您可能必须根据子元素的定位方式设置宽度。希望这对您有所帮助，如果没有，请添加您的一些标记和 CSS。