22-04-22 position, JS

1. absolute(static이 아닌 조상 기준)
2. relative;(자기자신을 기준. 분신을 박아두고 뜬다.)
3. fixed;(viewport가 기준)
4. static; 초기값

무엇을 기준으로 뜨는가가 다르다.

이미지를 vertical-align: -10px; 윗 공간이 줄어든다.
VS
position: relative는 분신이 있기 때문에 윗 공간이 줄어들지 않는다.

absolute는 static이 아닌 조상이 없을 경우 html을 기준으로 한다.

left:0 >> right:0

right: 0을 줘도 margin-right:20px을 주면 부모에서 20px떨어진다.(absolute)

position층에서는 세로 가운데 정렬을 margin: auto하면 된다.(width,height가 있어야 된다)

---

JS

var 일반객체 = { age: 48 };
var 함수객체 = function () {
  return 1 + 1;
};
var 배열객체 = [3,3,3];