Fatal编程技术网
  • css/
  • 在CSS中的位置

在CSS中的位置

css

在CSS中的位置,css,Css,相对位置和绝对位置的区别是CSS 如 风格 { 位置：相对位置； } .风格 { 位置：绝对位置； }本标准在此处对其进行了描述： 关于这一点，您有什么特别的地方不明白或不想进一步解释吗？来自： 绝对值 生成一个绝对定位的 元素，相对于 具有 非静态位置。这个 元素的位置由 “左”、“上”、“右”和 “底部”属性 相对的 生成相对定位的 元素，相对于其 正常位置，所以“左：20”加上20 元素左侧位置的像素 同时检查，它将为您提供有关CSS中位置的非常好的概述。使用relative，您可以将元素

相对位置和绝对位置的区别是CSS 如 风格 { 位置：相对位置； }

.风格 { 位置：绝对位置；
}

本标准在此处对其进行了描述：

关于这一点，您有什么特别的地方不明白或不想进一步解释吗？

来自：

绝对值

生成一个绝对定位的 元素，相对于 具有 非静态位置。这个 元素的位置由 “左”、“上”、“右”和 “底部”属性

相对的

生成相对定位的 元素，相对于其 正常位置，所以“左：20”加上20 元素左侧位置的像素

同时检查，它将为您提供有关CSS中位置的非常好的概述。

使用relative，您可以将元素相对于其原始位置进行定位，并且原始空间仍保留该项目

Absolute将该项从HTML的常规流中删除，您可以将其相对于父元素进行定位。

以下是一个很好的教程：

在<>父元素或元素之前，请使用<强>相关< /强>。

当您想要使元素处于不可侵犯的位置时，请使用绝对值

您还可以了解相对和绝对的左边距和左边距css属性之间的差异

<html>
<body>
    <div style="width:300px; height:200px; margin:auto; background:red">
        <div style="position:relative; left:10px; top:20px;">
            test
        </div>
        <div style="position:relative; left:10px; top:20px;">
            test
        </div>
        <div style="position:absolute; left:0; bottom:0px;">
            test
        </div>
                    <div style="position:absolute; margin-left:0; margin-bottom:0px;">
            test
        </div>
    </div>
</body>


测试
测试
测试
测试

在实践快速教程中，您需要了解的一切，非常好@Philippe Leybaert：不一定-如果父元素具有位置：相对/绝对/固定，则绝对位置将相对于父元素。相对于以任何方式定位的第一个父元素，如果没有，则绝对位置将相对于主体元素