Html 如何在页面顶部加载内容,而不是在页面底部加载

Html 如何在页面顶部加载内容,而不是在页面底部加载,html,css,Html,Css,因此,我在HTML中开始了第一个新页面,并添加了图像,当我在页面上添加文本或任何内容时,它会一直加载到页面底部,即使我设置了溢出:隐藏,然后我必须在CSS中将底部px设置得更高,以便让它们回到顶部我希望我的内容在哪里,我做错了什么,而且每次我添加像素更高或仅为1,然后返回到live server以查看页面,整个页面都会下降,我看到的只是空白。请如何修复此问题 HTML <body> <img class="image1" src="ima

因此,我在
HTML
中开始了第一个新页面,并添加了
图像
,当我在页面上添加文本或任何内容时,它会一直加载到页面底部,即使我设置了
溢出:隐藏
,然后我必须在
CSS
中将
底部px
设置得更高,以便让它们回到顶部我希望我的内容在哪里,我做错了什么,而且每次我添加像素更高或仅为1,然后返回到live server以查看页面,整个页面都会下降,我看到的只是空白。请如何修复此问题

HTML

<body> 
    <img class="image1" src="image1.jpg"> 
    <div class="square" id="hello"></div> 
    <p class="welcome1">welcome page</p>
body{ 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 
.square#hello{ 
    position: relative; 
    bottom: 339px; 
    width:1030px; 
    height:265px; 
    background-color: white; 
    margin-left: 118px; 
    border-radius: 2px; 
} 
.welcome1{ 
    position:relative; 
    bottom:620px; 
    margin-left: 220px; 
    font-size:100px; 
    font-family: "bangers"; 
    color: blue; 
} 

什么?我不明白这个问题<代码>位置:绝对;底部:0??好的,看,比如说我开始了一个名为index.html的新页面,并做了所有doctype的事情,所以在body标签中,我想在页面上添加一个图像,所以一旦我添加了它,它就会一直显示在页面底部,所以现在我必须不断提高底部px,以返回到我想要图像的页面,所以当我继续添加内容时,它们会加载到页面上最底部,但我希望它们显示在顶部,即使溢出x和y被隐藏,它仍然会发生,所以我想移动东西,把它们放在页面上我喜欢的地方,所以我使用绝对还是相对还是什么?什么?我不明白这个问题<代码>位置:绝对;底部:0??好的,看,比如说我开始了一个名为index.html的新页面,并做了所有doctype的事情,所以在body标签中,我想在页面上添加一个图像,所以一旦我添加了它,它就会一直显示在页面底部,所以现在我必须不断提高底部px,以返回到我想要图像的页面,所以当我继续添加内容时,它们会加载到页面上最底部,但我希望它们显示在顶部,即使溢出x和y被隐藏,它仍然会发生,所以我想移动东西,把它们放在页面上我喜欢的地方,所以我使用绝对还是相对还是什么?