Html CSS-为什么有这么多的定位方法，哪种方法是正确的？_Html_Css

Html CSS-为什么有这么多的定位方法，哪种方法是正确的？

html css

Html CSS-为什么有这么多的定位方法，哪种方法是正确的？,html,css,Html,Css,这是一个有点哲学性的问题，不是100%面向硬代码的问题，但它与编程标准有关，我希望它符合规则在学习web开发时，我一直对定位感兴趣。我的第一个noob网站如下所示： <body> <h1> Welcome to my website. </h1> <br> <br> <br> <br> <br> <br> <br> <br> <br>&

这是一个有点哲学性的问题，不是100%面向硬代码的问题，但它与编程标准有关，我希望它符合规则

在学习web开发时，我一直对定位感兴趣。我的第一个noob网站如下所示：

<body>
    <h1> Welcome to my website. </h1>
    <br> <br> <br> <br> <br> <br> <br> <br> <br><br> <br> <br>
    <p> Copyright 2016 </p>
</body>

<style>
    body{
        position:relative;
    }
    #copyright{
        position:absolute;
        top:5%;
    }
</style>

<body>
    <h1> Welcome to my website. </h1>
    <p id="copyright"> Copyright 2016 </p>
</body>


欢迎来到我的网站。
















版权所有2016

然而，我总是感到不安——毕竟，这个标签几乎从未在我所看到的任何专业网站上使用过，在询问之后，我明白它不允许任何附加标记，也不具有语义

我寻找其他方法，然后偶然发现了

位置：绝对。我基本上是通过为页面上的每个元素设置手动位置来使用它的，因为我不知道任何其他方法来使用position:absolute
，而不是那样做这些网站在我的屏幕上看起来很好，但最轻微的调整都会毁掉它们。
在寻找另一种解决方案时，我只是想用边距定位所有内容。例如，我不想做

而是做页边距顶部：5%
。我现在仍然这样做，感觉很不对
所以我只是在寻求一般性的建议——大多数人是如何做到的？什么是最佳实践？显然有数百种方法可以做到这一点，我已经阅读了许多指南和教程，但我就是不知道CSS定位。
如果你选择位置：绝对您的页面将永远无法调整大小。如果你能用保证金来做就好了。它比
标记好得多。如果一排有三个，可以使float:left；在每个
上。它会很合身的。如果缩小，则可能会出现新行上的第四个
，或者如果放大，则一行上可能只有两个div
tl；博士
使用<代码>浮动：左用于响应性设计。
如果你选择位置，这是正确的：绝对您的页面将永远无法调整大小。如果你能用保证金来做就好了。它比
标记好得多。如果一排有三个，可以使float:left；在每个
上。它会很合身的。如果缩小，则可能会出现新行上的第四个
，或者如果放大，则一行上可能只有两个div
tl；博士
使用<代码>浮动：左用于响应性设计。
无论您选择何种方式，问题是它应该在大多数使用框架的设备上呈现良好，并将帮助您实现这一点，但我通常使用边距和边框，因为div是大多数专业网站的构建块。
无论您选择何种方式，问题是，它应该在大多数使用框架的设备上呈现良好，并将帮助您实现这一点，但我通常使用边距和边框，因为div是大多数专业网站的构建块。
最常用的四个位置值是初始、相对、绝对和固定。

fixed
值用于将元素定位在主屏幕上的固定位置
值绝对值和相对值
用于将元素放置在相对于父元素的固定位置。您需要将元素定义为绝对
，将其父元素定义为相对

然后你可以这样做：
<body>
    <h1> Welcome to my website. </h1>
    <br> <br> <br> <br> <br> <br> <br> <br> <br><br> <br> <br>
    <p> Copyright 2016 </p>
</body>

<style>
    body{
        position:relative;
    }
    #copyright{
        position:absolute;
        top:5%;
    }
</style>

<body>
    <h1> Welcome to my website. </h1>
    <p id="copyright"> Copyright 2016 </p>
</body>


身体{
位置：相对位置；
}
#版权所有{
位置：绝对位置；
最高：5%；
}
欢迎来到我的网站。
版权所有2016

四个最常用的位置值是初始值、相对值、绝对值和固定值。

fixed
值用于将元素定位在主屏幕上的固定位置
值绝对值和相对值
用于将元素放置在相对于父元素的固定位置。您需要将元素定义为绝对
，将其父元素定义为相对

然后你可以这样做：
<body>
    <h1> Welcome to my website. </h1>
    <br> <br> <br> <br> <br> <br> <br> <br> <br><br> <br> <br>
    <p> Copyright 2016 </p>
</body>

<style>
    body{
        position:relative;
    }
    #copyright{
        position:absolute;
        top:5%;
    }
</style>

<body>
    <h1> Welcome to my website. </h1>
    <p id="copyright"> Copyright 2016 </p>
</body>


身体{
位置：相对位置；
}
#版权所有{
位置：绝对位置；
最高：5%；
}
欢迎来到我的网站。
版权所有2016

位置：绝对表示元素相对于其第一个定位（非静态）的祖先元素进行定位
我同意@Blue的说法，使用边距比
好。您可以使用float:
进行响应性设计
 位置：绝对表示元素相对于其第一个定位（非静态）的祖先元素进行定位
我同意@Blue的说法，使用边距比
好。您可以使用float:
进行响应性设计
 我认为最好的做法是使用边距进行区块定位。但是，当我们有一些特殊情况时，页面上的某些类型的元素不在流中，就有必要使用绝对定位。但是，如果在我的工作中可能的话，我会尽量避免这种情况。我认为最好的做法是使用边距进行区块定位。但是，当我们有一些特殊情况时，页面上的某些类型的元素不在流中，就有必要使用绝对定位。但是如果在我的工作中可能的话，我会尽量避免使用绝对定位作为页面的总体布局，正如你所说的“最小的调整都会破坏它们”。我倾向于遵循的一般经验法则是自上而下构建，使用边距底部来定位以下元素，这与浮动和清除相结合是我发现的最佳工作方式，但是就像所有事情一样，这在很大程度上取决于项目。为什么我觉得这个问题属于其他问题place@MCMXCII谢谢是的，我想我会的。位置