[CSS] (float) 상단 메뉴바, 이미지 정렬 실습

상단 메뉴바 정렬을 위해서 중간에 공백이 발생하여 이를 제거하기 위해서 여러 가지 방법이 있는데,

그중에서 가장 효율적인 방법에 대해서 작성하였습니다.

 

개념 : float 

* 요소를 왼쪽이나 오른쪽으로 밉니다.

float: none; → 자연스러움 유지

float: left; → 왼쪽으로 밀기

float: right; → 오른쪽으로 밀기

 

** 위 태그를 사용시 반드시 적용해야 함

. row::after {
  content:"";
  clear:both;
  display:block;
}

See the Pen Untitled by yeomboyeon (@yeomboyeon) on CodePen.