choco's story

positionposition 이란?: 요소의 위치 지정 방식을 설정하는 속성position이 요소의 위치를 어떻게 배치할 지 먼저 방법을 정합니다.그리고 그 다음 top, bottom, right, left가 각각의 값을 통해 세부적으로 요소의 위치를 조절하여 결정합니다.position : 요소의 배치 방식top : 위에서부터 얼만큼 떨어뜨릴지 값 지정right : 오른쪽에서부터 얼만큼 떨어뜨릴지 값 지정bottom : 아래에서부터 얼만큼 떨어뜨릴지 값 지정left : 왼쪽에서부터 얼만큼 떨어뜨릴지 값 지정position의 배치 방식에는 다음과 같은 키워드들이 있습니다. 속성값 의미 static 기본값, 요소를 일반적인 문서 흐름에 따..

floatfloat 란?: 요소가 문서의 일반적인 흐름에서 벗어나게 띄워(float)주고, 자신을 포함하고 있는 컨테이너의 왼쪽 혹은 오른쪽에 배치되게 하는 속성float은 해당 속성을 가진 요소가 문서의 흐름에서 제외되는 속성이지만, 필요한 만큼의 공간은 차지합니다.속성값의미none기본값, 원래 상태left자신을 포함하고 있는 컨테이너의 왼쪽에 떠있음right자신을 포함하고 있는 컨테이너의 오른쪽에 떠있음&nbsp&nbspfloat 예시 첫 번째 태그 p 두 번째 태그 p 세 번째 태그 p 네 번째 태그 p 다섯 번째 태그 p float 옵션 추가 전입니다.각 div와 p 태그가 위에서부터 순서대로 배치된 형태입니다.여기에 float을 하나씩 추가해보도..