修改div_id数字为card数字，部分fixed改成absolute

Author: T-PageCode

Styles/index.css

@@ -17,20 +17,8 @@ body{
     justify-content: center;
     align-items: center;
 }
-#div_id3{
-    margin-top: 240px;
-    margin-left: 480px;
-}
-#div_id2{
-    margin-top: 240px;
-    margin-left: 160px;
-}
-#div_id4{
-    margin-top: 240px;
-    margin-left: 800px;
-}
 .div_class1{
-    position: fixed;
+    position: absolute;
     transform: translate(-50%,-50%);
     background-color: white;
     width: 300px;
@@ -42,6 +30,18 @@ body{
 .div_class1:hover{
     border-color: rgb(0, 255, 242)
 }
+#card1{
+    top: 250px;
+    left: 170px;
+}
+#card2{
+    top: 250px;
+    left: 490px;
+}
+#card3{
+    top: 250px;
+    left: 810px;
+}
 #text1{
     color: white;
     font-weight: 200;

index.html

@@ -8,25 +8,24 @@
 <body>
     <div id="div_id1">
         <h1 id="text1">有CSS和无CSS的区别</h1>
-    </div>
-    <div class="div_class1" id="div_id2">
+    <div class="div_class1" id="card1">
         <h1 class="text2">登录页对比</h1>
         <p class="text3">对比有CSS和无CSS的登录页</p>
         <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Login/Login_NoCSS.html'">查看无CSS页面</button>
         <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Login/Login_WithCSS.html'">查看有CSS页面</button>
     </div>
-    <div class="div_class1" id="div_id3">
+    <div class="div_class1" id="card2">
         <h1 class="text2">Hello World对比</h1>
         <p class="text3">对比有CSS和无CSS的Hello World演示页</p>
         <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Hello-World/HelloWorld_NoCSS.html'">查看无CSS页面</button>
         <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Hello-World/HelloWorld_WithCSS.html'">查看有CSS页面</button>
     </div>
-    <div class="div_class1" id="div_id4">
+    <div class="div_class1" id="card3">
         <h1 class="text2">Blog页对比</h1>
         <p class="text3">对比有CSS的博客页和无CSS的博客页</p>
         <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Blog-Page/Blog_NoCSS.html'">查看无CSS界面</button>
         <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Blog-Page/Blog_WithCSS.html'">查看有CSS界面</button>
-    </div>
+    </div>>
     <script>
         document.addEventListener("contextmenu",(NoCtm) => {
             NoCtm.preventDefault();