WEB/HTML&CSS

css position

              2016. 4. 14. 18:02

td 내부에 글자, 버튼을 각각 넣고

글자를 가운데, 버튼을 오른쪽 끝에 놔두고 싶다면

td이 position을 relative로, text_alian을 center로 둔다.


그리고 버튼의 스타일을 position absolute로 두고

right : 0

top : 0으로 두게 되면 오른쪽으로 이동되어있는 것을 볼수 있고

글자는 가운데 있는것도 볼수 있다.


이렇게 되는 이유는

absolute의 경우에는 상속되는 상위의 relative 포지션을 기준점으로 잡기 때문이라 한다.