목록전체 글 (482)
Jam's story
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.

정적배치 position: static (디폴트) 왼쪽- >오른쪽 위쪽-> 아래쪽 상대배치 position: relative 현재위치로 상대위치를 top bottom left right 움직임 절대배치 position: absolute 영역 내에서의 절대 위치를 top bottom left right로 배치 브라우저 크기가 변해도 절대 배치된 태그위치는 변하지 않는다. 고정배치 position: fixed 브라우저 기준 지정한 위치에 고정 예 ) 브라우저를 확대해도 오른쪽 아래에 위치해 있음 유동배치 float: left / right 전체 배경안에 다 들어오지않는다. 이럴떄 전체박스 태그안에 overflow: hidden 을 써주면 된다. 이유는 모르겠다.
• 웹 디자인 랭킹 : https://www.webdesignrankings.com/resources/lolcolors/ • Adobe CC / Kuler : https://color.adobe.com/ • Design Seeds : https://www.design-seeds.com/ • Color Hunt : https://colorhunt.co/popular • 디자인 포트폴리오 사이트 : https://dribbble.com
보호되어 있는 글입니다.

float: right 나 left로 설정할 수 있다. 왼쪽이나 오른쪽에 배치되도록 하는것이다. 우선 이러한 html 이 있다. .float-unit { width: 50px; background: #707070; color: #FFFFFF; font-size: 18px; font-weight: bold; text-align: center; padding: 15px 0; } 이렇게 세로로 나온다 여기에 float : left를 추가해보자 이렇게 나온다 clear: both 를 추가해준다 부모 요소(div.floatframe)가 해당 요소(div.float-unit)를 인식하지 못하고, 오로지 float되지 않은 요소들만 인식하여 포함 내부에 배치하기 위해서는 float 속성 해제 필요 A B C D