CSS 位置对齐答案

【问题标题】：CSS postion alignCSS 位置对齐
【发布时间】：2022-06-22 21:56:49
【问题描述】：

我不明白为什么当我将position 更改为relative 时，“facebook 和 Facebook 帮助您与生活中的人联系和分享”位于页面顶部。我刚开始学习 css 三天。谢谢！！！！

这是html 文件

<!DOCTYPE html>
<html>
 
<head>
<link rel="stylesheet" href="henry.css">
</head>
 
<body>
    <div class="h1">
        <h1 class="h">facebook</h1>
        <p class="pr">Facebook helps you connect and share with the people in your life.</p>
        </div>
</body>
 
</html>

css 文件

.h1{
    position: absolute;
    left: 10%;
    top: 40%;
    width: 550px;
}

【问题讨论】：

标签： html css web frontend web-development-server

【解决方案1】：

相对位置不能使用上、下、左或右对齐。相反，它的位置基于其他元素的位置。绝对位置，这是我假设您在忽略所有其他元素之前使用的。如果你想给这个 div 一个偏移量，使用 margin 属性。

【讨论】：