我应该使用哪个位置？ "Relative? static etc."

Question

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

Answer 1

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

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

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 将位于距其 .parent 顶部和左侧边框 50 像素的位置。希望这会有所帮助。

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

Which position should I use? "Relative? static etc."