오늘 float을 배워서 마지막시간에 메뉴형식으로 만들어 보는 걸 했는데 ▶ 메뉴 ( 메인화면, 회원가입, 로그인 ) 들을 같은 부모태그 ul 로 묶였을 때는 잘 나왔는데 위 그림처럼 부모태그인 ul을 두개로 나눠서 li 태그를 붙였더니 폰트가 밑으로 내려가버렸다. 웹에서 F12키로 영역을 봤더니 밑에 빨간 부분이 .navigation 클래스를 가지는 div 영역이었다. 영역을 벗어난거다. 그 때부터 이거 붙잡고 스타일에서 float 하고 마진하고 다음 div 인 contents 에 clear 까지 해도 안되는거다. 그러다가 선생님이 overflow : hidden 으로 하시는거 보고 .navigation{ } 에 입력했더니 됐다. 근데 이게 왜 되는건지 이해가 안되서 구글링! 해서 찾아냈다. div쓸때..