# position

90개의 포스트
post-thumbnail

div위에 div올리기

과제 중 div위에 div가 올려지지 않는 상황이 발생하여 원인을 분석해 보았다. position과 z-index를 활용하였다. 그래도 해결하지 못한 문제점이 있었으니..

2021년 2월 18일
·
0개의 댓글

[TIL] DAY 2

1)자동줄바꿈2)너비값 미지정시 부모태그 너비값의 100%를 상속받음3)너비값과 높이값 지정 가능4)블록요소는 블록요소와 인라인요소를 모두 감쌀 수 있다.5)단, p태그와 h1시리즈 태그는 서식관련 요소이기 때문에 내부에 div나 다른 블록 요소를 자식으로 넣을 수

2021년 2월 17일
·
0개의 댓글
post-thumbnail

TIL#3. 진짜 추운 오늘 그리고 더 바빠진 오늘

오늘도 미라클 모닝은 실패...역시 기적이란 없는 것 인가?🙏 그래도 미라클까진 못갔지만 한시간정도 시간여유가 생겨서 블로그(checkpoint)를 조금 작성하다가 위코드로 출발 진짜 세상 추운 오늘 핫팩을 붙이고, 손에 쥐고왔는데도 극한추위 과연 봄날은 오는가..

2021년 2월 17일
·
1개의 댓글

CSS layout

Position Position 속성의 값은 static, relative, absolute and fixed 로 총 4가지이며, 보통의 경우 position 값은 static 이 relative 별도 지정이 없으면 relative 는 static과 비슷하게 작동하지

2021년 2월 17일
·
0개의 댓글
post-thumbnail

CSS | 레이아웃

레이아웃을 설정할 수 있는 CSS는 여러가지가 있다. HTML은 순서대로 페이지에 그려지는 반면 CSS는 위치에 상관없이 설정을 할 수 있다. 레이아웃은 구성 요소를 배치하는 것이다. 배치하며 분할, 정렬 등 원하는 기준에 맞게 배치하여 페이지를 만드는 것이다. 레이아

2021년 2월 17일
·
0개의 댓글
post-thumbnail

position - relative, absolute, fixed

css postion property

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[TIL] CSS Position/Display/Float

Position/Display/Float

2021년 2월 17일
·
0개의 댓글

3일차

CheckPoint / position - relative, fixed, absolute / inline, inline-block, block / float

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[HTML/CSS] Position 속성

기본 요소 relative, absolute, fixed, sticky

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[TIL] #08 CSS | Position - absolute

포지션에 대해 알아보자 나는 [Pre-course] HTML, CSS를 하면서 포지션에 대한 문제를 풀고 있었다. 복잡한 레이아웃을 만들어줄때 position을 > 알게된점: 부모 클래스와 자식 클래스가 나뉠때,

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[css] position

위코드 2일차 layout에 대해 공부하면서 position,inline,inline-block,block,float 속성에 대해서 공부한 것들을 정리합니다.css position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom,

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[html/css]position, display , float

position프로터티를 사용하면,html코드와 상관없이 위치하고 싶은곳에 요소를 위치할 수 있다.position:static일단 모든 태그들은 처음에 position: static 상태다. 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓입니다. (기본적으로 static이

2021년 2월 16일
·
0개의 댓글
post-thumbnail

TIL 04 | CSS Layout (position, display속성)

position 속성의 default값. position과 관련된 properties인 top,left,right,bottom등을 써도 기존 위치에서 아무런 영향을 미치지 않음position 관련 properties가 있을 경우 기존의 코드가 원래 자리에서 빠져나와,

2021년 2월 9일
·
0개의 댓글
post-thumbnail

TIL 08 [CSS] DISPLAY AND POSITIONING

1. Position static : 기본값 > relative : 원래 위치해야 할 자리에서 위아래 좌우 여백 설정 > absolute : 부모 요소 안의 모든 다른 요소들이 없는 것처럼 자리 설정. > fixed : 스크롤 해도 고정. > ![](https:/

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

CSS <position>

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

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

[html/css] display, position 제어

태그가 출력되는 블록 박스의 크기를 변경할 수 있으며, 한 줄을 독점적으로 차지하여 양 옆에 다른 요소가 배치되지 않는다.새 라인에사 시작하지 못하고 라인 안(inline)에서 배치된다.width, height로 크기조절이 불가능하며 margin값도 조절 불가하다.새

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

TIL # 36 : [CSS] Layout

Postion, Display, Float

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

[css] position

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

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

CSS - position

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

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

Position

요소의 위치 지정 방법의 유형(기준)을 설정static : 유형(기준) 없음 '기본값relative : 요소 자신을 기준으로 배치absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 뷰포트를 기준으로 배치sticky : 스크롤 영역 기준으로 배치위치 상

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