css float1 CSS 위치속성, 플로트, 정렬 CSS float float 속성은 해당 HTML 요소가 주변의 다른 요소들과 자연스럽게 어울리도록 만들어 준다. 이 속성은 본래 위와 같은 목적으로 만들어졌지만, 현재는 웹 페이지의 레이아웃(layout)을 작성할 때 자주 사용된다. 다음 예제는 이미지와 글자를 함께 출력하는 예제이다. img { float: left; margin-right: 20px; } clear 속성 clear 속성은 float 속성이 적용된 이후 나타나는 요소들의 동작을 조절해 준다. 컨테이너 요소에 float 속성이 적용되면 그 이후에 등장하는 모든 요소들은 정확한 위치를 설정하기가 매우 힘들어진다. .left { background-color: #FF8C00; width: 150px; height: 50px; float: .. 2020. 10. 21. 이전 1 다음
