# fixed

21개의 포스트

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개의 댓글
post-thumbnail

24. Sticky Nav

수동으로 CSS의 position: sticky와 같은 효과 구현하는 내용offsetTopscrollYcss position 속성을 fixed로 변경하면, 원래 차지하던 공간을 차지하지 않게되어 공간 변형이 일어나므로 유의

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

CSS | Position

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

2020년 12월 17일
·
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개의 댓글

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개의 댓글
post-thumbnail

table header 고정

우선적으로 table , thead , tbody , tr , th ,td가 필요하다 .이런식으로 고정을 할수가 있다 .

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

[wecode 1일차] CSS

웹을 개발하며 element들의 배치(레이아웃)을 조정하는 것은 매우 중요하다.순차적으로 내용을 설명하며 position property 사용에 대한 이해를 높여보자.위에 작성된 html문서를 보면div 태그를 이용하여 "container"와 그 아래 자식들("box1

2020년 5월 25일
·
0개의 댓글
post-thumbnail

sticky. position의 fixed같은 프로퍼티.

div를 고정시키고자 한다면 자주 쓰던 position:fixed가 있다.하지만 fixed는 뷰포트를 기준으로 하기에 어떠한 경우 불편할 경우가 있다.맨위에 있는 nav바가 아니라 sidebar나 중간 content에 있는 어떠한 div요소라던지... 이럴 때 쓰는게

2020년 5월 9일
·
0개의 댓글