➊ 허수아비 이미지는 마진 병합 현상이 발생하지 않도록 absolute 속성값을 적용합니다.
➋ ➌ 양쪽 벼는 float 속성을 사용하여 좌우 배치 작업을 진행합니다.
현재 코드에서는 브라우저 창의 너비를 줄이면 오른쪽 벼가 아래로 내려가는 현상이 발생합니다. 레이아웃이 틀어지는 현상을 막고 싶다면 양쪽 벼에 각각 absolute 속성값과 함께 left: 0과 right: 0을 적용합니다.
➊ 허수아비 이미지는 마진 병합 현상이 발생하지 않도록 absolute 속성값을 적용합니다.
➋ ➌ 양쪽 벼는 float 속성을 사용하여 좌우 배치 작업을 진행합니다.
현재 코드에서는 브라우저 창의 너비를 줄이면 오른쪽 벼가 아래로 내려가는 현상이 발생합니다. 레이아웃이 틀어지는 현상을 막고 싶다면 양쪽 벼에 각각 absolute 속성값과 함께 left: 0과 right: 0을 적용합니다.