CSS 네비게이션 아이템이 오른쪽으로 밀렸습니다.

Question

레이아웃 작업을하고 있는데 탐색에 문제가 있습니다. 아래에 게시 된 Codepen을 탐색하고 탐색의 '홈'링크 위로 마우스를 이동하면 드롭 다운 메뉴가 나타나고 다른 메인 링크가 왼쪽으로 이동합니다. 이 문제의 원인은 무엇이며 어떻게 해결할 수 있습니까? 나는 2 시간 동안 그것을 어지럽 혔고, 나는 길을 잃었다. 어떤 도움을 주셔서 감사합니다.

http://codepen.io/anon/pen/Cmcyr

Answer 1

부모가 가장 넓은 아이의 폭 확대의 ul가 표시됩니다 그래서 때, 더 폭이 a, ul 또는 li의에 설정되어 있지되고있다.

는 li S로부터 수평 패딩을 제거하고 text-align: center;을 설정하고 또는 부모 ( ul) 최대 폭과 동일한 크기 또는 부모 ( a)보다 좁은을 준다.