태그: position

[CSS] 메뉴바 상단에 고정 시키기

fixed position을 이용해서 스크롤에 해도 따라가지 않고 항상 화면 상단에 고정되어 있는 메뉴바를 만들어보겠습니다. fixed position의 특징CSS의 position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정합니다.어떤 엘리먼트의 position 속성을 fixed로 지정해줄 경우, 해당 엘리먼트는 부모 엘리먼트로 부터 완전히

[CSS] 이미지의 일부로 캡션 넣기

지난 포스트에서 absolute position의 기본적인 특징과 작동 매커니즘에 대해서 살펴보았습니다.이번 포스트에서는 absolute position를 응용해서 이미지의 일부로 캡션을 넣는 방법에 대해서 알아보겠습니다. 기본 이미지 캡션 배치웹페이지 상의 이미지에 캡션을 넣을 때는 보통 HTML5에서 도입된 <figure/>와 <figc

[CSS] Absolute Postion - 자유로운 엘리먼트 배치

부모 엘리먼트애 구애받지 않고 엘리먼트를 자유롭게 배치시킬 수 있는 absolute position에 대해서 알아보겠습니다. 엘리먼트 배치 관련 CSS 속성CSS의 position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정합니다.기본값은 static이며 relative나 absolute, fixed 등으로 변경이 가능합니다.이번 포스트에서