# relative

23개의 포스트

CSS <position>

position은 요소(element)의 위치를 정의한다.position property는 5가지 value를 갖고 있는데(static, relative, fixed, absolute, sticky)가 이와 같다.static(기본값)은 position 속성의 defau

2일 전
·
0개의 댓글
post-thumbnail

[css] position

static 기본값으로 따로 작성하지 않아도 왼쪽에서 오른쪽, 위에서 아래로 표시된다. 아래의 박스들은 숫자 순서대로 코드가 입력되었으며, 그 순서로 보여진다. relative top, right, bottom, left에 주어진 값만큼 원래의 위치에서 이동. 여

4일 전
·
0개의 댓글
post-thumbnail

CSS - position

: document안에서 element가 어떻게 배치되어야 하는지를 정의 하는 속성: 보통은 일반 element 배치 flow에서 벗어난 배치를 하고자 할 때, 설정 (따라서, 아무 입력 안하면 기본 값이 static임)static: defalut 값임: 원래의 fl

2021년 1월 6일
·
0개의 댓글

[TIL]relative 포지션

일반적으로 position 선택을 하지않으면 position: static으로 설정된다.position: static; 은 원래 있어야할 위치에 배치한다.position: relative 를 하면 원래 있어야할 위치에서 유동적으로 변한다.top: 30px; 을하면 위로

2021년 1월 5일
·
0개의 댓글
post-thumbnail

CSS | Position

요소의 위치 지정기본 값정적(static) 엘리먼트는 위치가 지정된 것이 아니라고 표현 static이 아닌 다른 값으로 지정된 엘리먼트에 대해 위치가 지정됐다고 표현 딱히 위치 이동 x ( 별도의 프로퍼티를 지정하지 않는 이상 )top, right, bottom

2020년 12월 17일
·
0개의 댓글
post-thumbnail

[HTML / CSS] Position 속성 - relative 와 absolute

css의 position 속성 중 relative와 absolute의 차이를 알아보자! 이 둘의 차이를 알려면, 먼저 position의 기본 속성인 static 을 알아야한다. static은 position속성의 기본값으로 모든 태그들은 이미 처음부터 static 상태

2020년 11월 27일
·
0개의 댓글
post-thumbnail

[CSS] position / inline / float

막차타고 HTML/CSS 과제를 끝내고 합류를 해본다.과제를 하며, 다음 포스팅으로 넘어가면 이전에 공부했던 것들이 순삭 되는 것은 덤인가...(사실 지금 블로그 정리하면서도 어떻게 했는지 정확히 기억이 잘....)1\. position 속성 - relative, ab

2020년 11월 20일
·
0개의 댓글

TIL 3 | HTML & CSS (3)

HTML & CSS (3) - position, CSS layout, 반응형 웹

2020년 11월 18일
·
0개의 댓글
post-thumbnail

11.18 TIL

\-none : 띄우지 않음\-left : 왼쪽에 띄움\-right : 오른쪽에 띄움\-initial : 기본값으로 설정\-inherit : 부모 요소로부터 상속ex)img{ float: left; } \-위치 계산 시, 현재 위치에서 상대적인 offset 속성을

2020년 11월 18일
·
0개의 댓글
post-thumbnail

TIL | CSS - Layout _position

position의 기본값이다.position: static ; 이 설정된 element는 특정한 위치가 지정된 것이 아니다..relative1 { position: relative;}.relative2 { position: relative; top: -20px;

2020년 10월 20일
·
0개의 댓글
post-thumbnail

Python - path

1. Absolute path / Relative path 파이썬에서는 직접 개발한 local package를 제외한 모듈을 import할 때에는 경로가 크게 문제가 되지 않는다. built-in module -> 내장되어 있어서 잘 찾아진다. pip를 통해 설치한

2020년 8월 22일
·
0개의 댓글

18-2. 레이아웃의 모든 것

html & cssposition 속성 - static, relative, absolute, fixed01/ static(기본위치)기본위치02/ relative(상대위치)기본위치를 기준으로 좌표 프로퍼티(top, bottom, left, right)를 사용하여 위치를

2020년 8월 20일
·
0개의 댓글
post-thumbnail

TIL 36 | HTML/CSS, position/display/float

position 속성 1.relative relative는 별도의 property를 지정하지 않으면, static과 동일하게 동작한다. 태그의 위치를 살짝 변경하기 위해서 position: relative; 를 사용하면 좋다. 지정된 element의 위치를 변경하려

2020년 8월 19일
·
0개의 댓글

[CSS] 1_Position

CSS 1_Position 1. position: static 위치가 지정되지 않은 기본 값 2. position: relative &nbsp 위치의 이동을 위해 top/bottom/left/right 의 속성에 별도로 값을 지정하여 움직인다. 즉, top/bott

2020년 8월 19일
·
0개의 댓글
post-thumbnail

Position 속성 - Static, Relative, absolute, fixed

Static은 기본값입니다. 정적 엘리먼트는 위치가 지정된 것이 아니라고 표현하며, static이 아닌 다른 값을 사용하게 되었을때, 위치가 지정되었다고 표현합니다.즉, 위치가 지정된 엘리먼트는 static으로 지정되지 않은 엘리먼트를 가르킨다.Relative를 사용할

2020년 8월 18일
·
0개의 댓글
post-thumbnail

TIL DAY.10 레이아웃의 모든 것

상대 위치가 지정된 엘리먼트에 top이나 right, bottom, left를 지정하면 기본 위치와 다르게 위치가 조정됩니다. 다른 콘텐츠는 해당 엘리먼트에서 남긴 공백에 맞춰 들어가게끔 조정되지 않을 것입니다.position: absolute; 는 이름과 같이 절대적

2020년 8월 11일
·
0개의 댓글

css - position

개발자들은 css의 position property를 이용하여 html상의 코드가 짜여진 순서와 상관없이 원하는 요소를 웹상에서 원하는 위치에 보여지게 만들 수 있다. position property

2020년 6월 24일
·
0개의 댓글
post-thumbnail

[CSS] Position

안녕하세요! 씨즈\~~ 입니다:) 오늘은 CSS Position에 대해서 알아봅니다. 혹시.. 웹사이트를 보시면 박스가 눈에 들어오시나요? 여러 박스로 구성된 레이아웃이 그려지시나요?한 번 웹사이트 하나를 정해서 살펴보세요! 여기는 header, 아래는 navigati

2020년 6월 24일
·
0개의 댓글

CSS - Position 속성에 대해

relative relative 속성은 별도로 위치를 지정해주지 않는 이상 static 속성과 동일한 동작을 한다. 하지만, box2를 보면 top과 left 속성을 지정해주었는데 이것은 곧 위로 -20px만큼 왼쪽으로 20px만큼 이동해 위치하게 된다. 다시 말해서 box1과 어느정도 겹쳐서 보이게 된다. absolute absolute 속성은 상대...

2020년 6월 22일
·
0개의 댓글