因此，我已经在一个个人网站上工作了大约2-3天，而我正在网页的“关于”部分中工作。这是以下html：
<html>
<head>
<title>NoNameCave</title>
<link rel="icon" href="C squared.jpg">
<link rel="stylesheet" type="text/css" href="home.css">
</head>
<body>
<!--navigation bar-->
<div class = "nav">
<a href = "#home">Home</a>
<a href = "#about">About</a>
<a href = "#resume">Resume</a>
<a href = "#projects">Projects</a>
<a href = "#contact">Contact</a>
</div>
<div class = "about">
<img src="anonymousnamewebsitebackground.jpg" class = "planet" height="100%" width="100%" class= "background">
<div class = "name">
<h1><b>Private Name info</b></h1>
</div>
<div class = "description"><h4> I'm a <u>(Private)</u> native interested in <u>software engineering</u> and <u>embedded subsystems</u>. Currently, I'm a <u>student</u> at the <u>Private Info</u>, studying <u>computer science</u> and <u>computer engineering.</u> <br><br><br><br> Click <u>here</u> to learn more about me.</h4></div>
<div class = "fb"><a href = "sdafsadfasdfadsf"><img src="facebook.png" class = "planet" height = "45 px" width = "45 px"></a></div>
<div class = "git"><a href = "asdfasdfasdf"><img src="github.png" class = "planet" height = "50 px" width = "50 px"></a></div>
<div class = "link"><a href = "asdfasdfsadfasdf"><img src="Linkedin.png" class = "planet" height = "75 px" width = "75 px"></a></div>
<div class = "discord"><a href = "iuaysdiufyuiateuif"><img src="discord.png" class = "planet" height = "60 px" width = "60 px"></a></div>
</div>
<!--this div in my websites helps encapsulate the about section in this website -->
<div style="background-color: #115D9B; margin: 0 auto;" class = "about" width = "100%">
<div class = "abouttext">
<h1>About Me </h1>
<p>I have been given the unique opportunity and privelage to pursue my dreams and aspirations. Not everyone has the same chance. Therefore, as an incoming junior Computer Science and Computer Engineering Student at the (Private information), I feel indebted to make a lasting impact in this world, and software is the best way to do this. With software, ideas can be implemented and released to the general public and make life easier for millions of people in a matter of seconds.<br><br><br>
Software has really made an impact on my life and the life of billions of users on the planet. The advent of the internet has assisted me in cumulating new knowledge from various sources including some rudimentary skills in Information Technology (IT), Machine Learning, Artificial Intelligence, Application Development, and Robotic Systems. In the future, I would like to deploy this cumulative database from my head and apply it as well as develop and deploy systems which will benefit numerous people in my city, state, country, and planet. Education is the main means of me obtaining this knowledge, and I am forever grateful. </p> <br><br>
<h1>Contact Me</h1>
<p>(not going to reveal my name) <br>
(not going to reveal my email)</p>
<button type="button" class = "clickresume">Click Here to View My Resume</button>
<img src = "personalpic.png" class = "pic">
</div>
</div>
</body>
</html>
这是网站的一些屏幕截图（有遮盖的脸）：
如您所见，我在保持“关于我”的简短信息方面遇到麻烦。我在其他div之前和之后添加了一些div，然后使用CSS对其进行了绝对定位。但是，一旦我添加了按钮标签，即使我没有添加css来重新定位按钮标签，该按钮标签也远低于其他标签。在这种情况下，我该怎么办？如何缩短div标记？