我可以在特定像素處放置元素嗎？

Question

我來自flash/flex背景，所以請原諒我，如果這是一個問題，但我想知道我是否可以將元素放置在屏幕上的某個像素位置。像素可以代替任何位置測量。

這是甚至可以在JavaScript？你如何控制在javascript/html中繪製元素的位置？

Answer 1

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

請注意，這將相對於其定位的父級絕對定位該元素;您可能需要考慮定位父母的位置以使其絕對在屏幕上。

Answer 2

是的，這叫做absolute positioning。

Answer 3

使用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/