css clear1 [HTML/SCC] 004. <div>박스 가로로 배치하기 2가지 방법 1. 박스 가로로 배치하기 첫번째 방법 (float, clear : both) 최종적으로 만들어볼 화면은 아래와 같고, 핵심 코드는 float 와 clear: both; 입니다. 1. container 박스를 만들고 그 안에 4개의 박스를 넣습니다. 2. 각각의 style의 영역을 width와 height로 설정해주고 background-color를 넣어줍니다. 3. 각 div 박스는 height의 세로로 지정된 영역을 모두 차지하기에 left와 right 를 띄운다는 의미의 float를 입력합니다. float: left는 화면 왼쪽을 기준으로 붕 띄운다. float: right는 화면 오른쪽을 기준으로 붕 띄운다. 는 뜻입니다.그럼 아래와 같은 화면이 출력됩니다. 위에 화면은 사실 left와 right.. 2024. 4. 22. 이전 1 다음
