# position

div위에 div올리기
과제 중 div위에 div가 올려지지 않는 상황이 발생하여 원인을 분석해 보았다. position과 z-index를 활용하였다. 그래도 해결하지 못한 문제점이 있었으니..
[TIL] DAY 2
1)자동줄바꿈2)너비값 미지정시 부모태그 너비값의 100%를 상속받음3)너비값과 높이값 지정 가능4)블록요소는 블록요소와 인라인요소를 모두 감쌀 수 있다.5)단, p태그와 h1시리즈 태그는 서식관련 요소이기 때문에 내부에 div나 다른 블록 요소를 자식으로 넣을 수

TIL#3. 진짜 추운 오늘 그리고 더 바빠진 오늘
오늘도 미라클 모닝은 실패...역시 기적이란 없는 것 인가?🙏 그래도 미라클까진 못갔지만 한시간정도 시간여유가 생겨서 블로그(checkpoint)를 조금 작성하다가 위코드로 출발 진짜 세상 추운 오늘 핫팩을 붙이고, 손에 쥐고왔는데도 극한추위 과연 봄날은 오는가..
CSS layout
Position Position 속성의 값은 static, relative, absolute and fixed 로 총 4가지이며, 보통의 경우 position 값은 static 이 relative 별도 지정이 없으면 relative 는 static과 비슷하게 작동하지

CSS | 레이아웃
레이아웃을 설정할 수 있는 CSS는 여러가지가 있다. HTML은 순서대로 페이지에 그려지는 반면 CSS는 위치에 상관없이 설정을 할 수 있다. 레이아웃은 구성 요소를 배치하는 것이다. 배치하며 분할, 정렬 등 원하는 기준에 맞게 배치하여 페이지를 만드는 것이다. 레이아
3일차
CheckPoint / position - relative, fixed, absolute / inline, inline-block, block / float

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

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

[html/css]position, display , float
position프로터티를 사용하면,html코드와 상관없이 위치하고 싶은곳에 요소를 위치할 수 있다.position:static일단 모든 태그들은 처음에 position: static 상태다. 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓입니다. (기본적으로 static이
.png?w=768)
TIL 04 | CSS Layout (position, display속성)
position 속성의 default값. position과 관련된 properties인 top,left,right,bottom등을 써도 기존 위치에서 아무런 영향을 미치지 않음position 관련 properties가 있을 경우 기존의 코드가 원래 자리에서 빠져나와,

TIL 08 [CSS] DISPLAY AND POSITIONING
1. Position static : 기본값 > relative : 원래 위치해야 할 자리에서 위아래 좌우 여백 설정 > absolute : 부모 요소 안의 모든 다른 요소들이 없는 것처럼 자리 설정. > fixed : 스크롤 해도 고정. > 의 위치를 정의한다.position property는 5가지 value를 갖고 있는데(static, relative, fixed, absolute, sticky)가 이와 같다.static(기본값)은 position 속성의 defau

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

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

CSS - position
: document안에서 element가 어떻게 배치되어야 하는지를 정의 하는 속성: 보통은 일반 element 배치 flow에서 벗어난 배치를 하고자 할 때, 설정 (따라서, 아무 입력 안하면 기본 값이 static임)static: defalut 값임: 원래의 fl
Position
요소의 위치 지정 방법의 유형(기준)을 설정static : 유형(기준) 없음 '기본값relative : 요소 자신을 기준으로 배치absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 뷰포트를 기준으로 배치sticky : 스크롤 영역 기준으로 배치위치 상