메뉴 건너뛰기

본문시작

조회 수 69 추천 수 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. '아시안 플러시'란?

    Date2019.09.27 By어푸 Reply0 Views88 file
    Read More
  2. 양복 맞춤 꿀팁

    Date2019.09.23 By잘생긴것들이란 Reply0 Views60 file
    Read More
  3. 피로를 풀어주는 마사지 방법

    Date2019.09.04 By어푸 Reply0 Views65 file
    Read More
  4. 17금) 구글로 av 정복해보자

    Date2019.08.20 By엄마가보고있다 Reply0 Views100 file
    Read More
  5. 페이스북의 가상화폐 리브라

    Date2019.07.01 By어푸 Reply0 Views65 file
    Read More
  6. 자사고의 뜻

    Date2019.06.21 By잘생긴것들이란 Reply0 Views104 file
    Read More
  7. 옥시법?살생물제법?박나래 향초 사건

    Date2019.06.11 By어푸 Reply0 Views136 file
    Read More
  8. css 선택자(selector)

    Date2019.05.18 By흐미 Reply0 Views51
    Read More
  9. css position 속성에 대해 알아보자.중앙정렬

    Date2019.05.16 By흐미 Reply0 Views69
    Read More
  10. 문빠, 달창이 도대체 뭐지?

    Date2019.05.13 By해바라기찡 Reply0 Views61 file
    Read More
  11. 패스트트랙,사보임의 뜻이 모임?

    Date2019.04.26 By엄마가보고있다 Reply0 Views59
    Read More
Board Pagination Prev 1 2 3 4 5 Next
/ 5