패딩은 겹치는 탐색 모음 링크를 유지합니다.

Question

내 탐색 링크를 더 크게 만들 수 있도록 노력하고 있습니다. 그러나 그렇게 할 때 패딩은 탐색 모음과 겹칩니다. 예를 들어 패딩을 변경할 때 : 0.03em ~ 10px topnav div와 겹칠 것입니까? 어떻게 멈추게합니까? 왜 떠 다니는가? nav bar의 배경색을 왼쪽으로 바꾼다. 여기 내 코드는

#topnav { background-color:#333333; clear:both; width:100%; } 
#topnav ul { margin:0px; background-color:#333333; } 
#topnav ul li { display:inline; } 
#topnav ul li a { padding:0.03em 20px; font-size:1.05em; font-family:verdana; } 

Answer 1

당신이 당신의 연결 블록해야한다, 그래서 당신은 요소와 인라인 요소 패딩-상단과 하단을 좋아하지 않아 인라인에 패딩을 추가 :

#topnav ul li a { display: block; } 

또는 경우를 그들을 인라인으로 유지하지 마라.

#topnav ul li a { display: inline-block; *display: inline; zoom:1; }