특정 픽셀에 요소를 배치 할 수 있습니까?

Question

나는 플렉스/플렉스 배경에서 오는 것이므로, 이것이 꺼져 있더라도 용서해 주시길 바랍니다.하지만 화면의 정확히 일부 픽셀 위치에 요소를 배치 할 수 있는지 궁금합니다. 픽셀은 위치 측정을 대신 할 수 있습니다.

자바 스크립트에서도 가능합니까? 요소가 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/