overflow2 float 속성(clear, overflow) float float 속성은 해당 HTML 요소가 주변의 다른 요소들과 자연스럽게 어울리도록 만들어 줍니다. 이 속성은 본래 위와 같은 목적으로 만들어졌지만, 현재는 웹 페이지의 레이아웃(layout)을 작성할 때 자주 사용됩니다. ex) img { float: left; margin-right: 20px; } ex) html css div.page { border: 3px solid #CD5C5C; overflow: auto; } /가장 바깥을 overflow로 막음 h2 { text-align: center; } header{ border: 3px solid #FFD700; } nav { border: 3px solid #FF1493; width: 150px; float: left; } .. 2021. 4. 25. position 속성(static, relative, fixed, absolute, z-index, clip ,cursor, overflow) position HTML 요소의 위치를 결정하는 방식을 설정함. 1. 정적 위치(static position) 지정 방식: position 속성값이 static으로 설정된 요소는 top, right, bottom, left 속성값에 영향을 받지 않습니다. 정적 위치(static position) 지정 방식은 단순히 웹 페이지의 흐름에 따라 차례대로 요소들을 위치시키는 방식입니다. ex) div { position: static; } 2. 상대 위치(relative position) 지정 방식: 상대 위치(relative position) 지정 방식은 해당 HTML 요소의 기본 위치를 기준으로 위치를 설정하는 방식입니다. HTML 요소의 기본 위치란 해당 요소가 정적 위치(static position) 지.. 2021. 4. 25. 이전 1 다음