메뉴 건너뛰기

본문시작

조회 수 76 추천 수 1 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
Extra Form

No Attached Image

position:요소를 배치할때 사용함

사용방법

예:body{position:fixed;

               top:50%;

                left:50%;}

1.static(기본값)

-중앙정렬 : margin:auto;

2.absolute(절대위치)

-다른요소의 영향을 받지않으며 웹문서 기준으로 한 위치

-부모요소에 relative,static가 있을 경우 부모요소 기준으로 위치/앞의  태그를 기준으로 위치

-left,right,top,bottom으로 위치지정

3.relative(static+absolute)상대위치

-본래의 위치가 기준이 됨

-left,right,top,bottom으로 위치지정

-px,%,auto 지정가능 (-값 지정가능)

-위치값(-left,right,top,bottom)을 지정하지 않으면 static과 같음

4.fixed(absolute+relative)고정위치

-웹브라우저 창을 기준으로 위치 고정

-스크롤시에도 지정위치고정

--left,right,top,bottom으로 위치지정

*z-index

-겹치는 순위 변경

-z-index값이 클수록 우선순위



쌓자지식

지식공유

  1. '아시안 플러시'란?

  2. 양복 맞춤 꿀팁

  3. 피로를 풀어주는 마사지 방법

  4. 17금) 구글로 av 정복해보자

  5. 페이스북의 가상화폐 리브라

  6. 자사고의 뜻

  7. 옥시법?살생물제법?박나래 향초 사건

  8. No Image 18May
    by 흐미
    2019/05/18 by 흐미
    Views 54 

    css 선택자(selector)

  9. No Image 16May
    by 흐미
    2019/05/16 by 흐미
    Views 76 

    css position 속성에 대해 알아보자.중앙정렬

  10. 문빠, 달창이 도대체 뭐지?

  11. No Image 26Apr
    by 엄마가보고있다
    2019/04/26 by 엄마가보고있다
    Views 61 

    패스트트랙,사보임의 뜻이 모임?

Board Pagination Prev 1 2 3 4 5 Next
/ 5