我可以在特定像素处放置元素吗？

Question

我来自flash / flex背景，所以请原谅我，如果这是一个关闭问题，但我想知道我是否可以在屏幕上的某个像素位置放置一个元素。像素可以代替任何位置测量。

这在javascript中是否可行？你如何控制在javascript / html中绘制元素的位置？

Answer 1

myEl.style.position = 'absolute';
myEl.style.left     = x+'px';
myEl.style.top      = y+'px';

请注意，这将完全相对于其定位的父元素定位元素;您可能需要考虑所定位父母的位置，以使其绝对适合屏幕。

Answer 2

使用CSS，您可以将任何元素的位置设置为绝对值，如下所示：

#myelement {
    position: absolute;
    top: 100px;
    left: 100px;
}

有一点需要注意的是，位置可以设置为相对于HTML中的任何其他元素。默认情况下，它相对于窗口。您可以相对于任何其他元素创建位置，如下所示：

#mycontaining-element {
    position: relative;
}

HTML可能如下所示：

<div id="mycontaining-element">
    <h1 id="myelement">Headline</h1>
</div>

此处有更多信息：http://www.barelyfitz.com/screencast/html-training/css/positioning/

Answer 3

是的，这称为absolute positioning。