如何在不同的分辨率上保持相同的位置？

Question

我需要帮助。我在Dreamweaver上创建了一个网站。我刚刚开始学习HTML，我不知道在CSS中定位元素的最佳方法是什么。我总是这样使用（例子）：

.element {
    position: absolute;
    left: 185 px;
    top: 50 px;
}

我的定位元素是正确的吗？但是，我想在不同的分辨率上保持相同的位置。

Answer 1

使用位置绝对不应该是定位元素的默认方法，除非你有充分的理由。通常，当您需要一个元素来打破文档流时，会使用它。 如果您刚入门，我建议您查看结帐https://www.codecademy.com/learn/web（免费）。

Answer 2

在任何时候，你应该尝试避免位置：绝对;和位置：固定;你可以。它们有时会非常方便，不会否认，但大多数时候你只是想跟随页面的流程。

当你创建一个新元素时，你会自然而然地发现一切都会整齐排列。文本的长度大致相同，它们在水平相同的位置开始，大多数其他元素也是如此。但是，当您使用position：absolute或position：fixed时，您可以从页面流中拉出一个元素，从而有效地在当前页面的顶部创建另一个图层。这意味着，虽然您可以随心所欲地放置它，但这也意味着如果您使窗口小于您现在所拥有的窗口，那么将成为问题。例如，如果移动用户访问您的网页会发生什么？

话虽如此，尽可能多地使用已经存在的css属性（text-align，vertical-align，甚至float和/或使用margin可以更好），然后才能使用定位。

编辑： stybl 在评论中说，如果您只是学习HTML和CSS，我也不建议使用DreamWeaver。从一个好的文本编辑器开始和/或转到Codecademy！