我应该使用哪个位置？ “亲戚？静态等。” [关闭]答案

【问题标题】：Which position should I use? "Relative? static etc." [closed]我应该使用哪个位置？ “亲戚？静态等。” [关闭]
【发布时间】：2015-10-22 06:31:32
【问题描述】：

CSS 中的 div 没有使用浮点数，而是使用了位置。我使用了相对于所有 div 的位置，但它们都在其他屏幕分辨率下混乱了。我做错了什么请澄清，因为我是 HTML 新手。提前致谢。

【问题讨论】：

欢迎来到 Stack Overflow，请阅读本文并改进您的问题：stackoverflow.com/help/mcve。
你应该谷歌“css职位教程”
参见Position Relative vs Position Absolute? static 是默认值。 fixed 类似于 absolute 但包含块是视口。 sticky 是 relative 和 absolute 的混合体。

【解决方案1】：

你不应该真正使用 position 属性，除非你想从中得到一些特定的东西。在位置方面，块和内联元素完成了大部分工作。话虽如此，在许多情况下我们仍然需要position:property。最常用的位置是相对的和绝对的，我可以帮你理解这些。

位置：绝对；允许您分配特定位置示例：

div {
 position: absolute;
 top: 50px;
 left: 50px; 
}

前面的代码所做的是将选定的 div 元素放置在距上边框 50 像素和距左边框 50 像素的位置。棘手的部分是你需要指定你的边界将是什么。

为此，我们使用position: relative;。示例：

.parent {
  position: relative;
}

.child{
  position: absolute;
  top: 50px;
  left: 50px;
 }

前面的代码所做的是将父元素设置为对其子元素的引用。所以position: absolute;child 将被定位在距离它的.parenttop 和左边框50 像素处。希望这会有所帮助。

这是关于定位的 w3schools 文章： W3 Positioning

【讨论】：