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

时间:2017-06-28 07:05:28

标签: html css

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

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

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

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

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