이 #container div를 센터에 맞출 수 없습니다.

Question

나는 오후 내내 많은 방법을 시도하면서 검색하지만, 모두 작동하지 않습니다. 내가하고 싶은 일은 div를 id = "container"(내 드롭 다운 메뉴가 포함되어 있음)와 페이지의 중앙에 맞 춥니 다. http://jsbin.com/ilupuf/2/

Answer 1

단테이 클래스를 추가, 이것 좀보세요 :

http://jsbin.com/ilupuf/23/edit

을 그냥 메뉴의 폭을 조정해야 - 당신이 그것을 여부를 지정하지 않았다 너비가 고정되어 있어야합니다. 그래서 내용에 맞게 스트레칭 할 필요가 없다고 가정했습니다.

Answer 2

이 float: left;을 제거하고 멋지게 센터 :
다음은 내 코드입니다.

Answer 3

body { 
    margin: 0 auto; 
    max-width: 1024px; 
    min-width: 800px; 
    text-align: center; 
} 

CSS를