2013-06-08 3 views
0

내 탐색을 "플로트"하려고 할 때 가끔씩 몇 픽셀, 때로는 많이 충돌합니다. 상위 디스플레이를 만들면 : inline; 범프가 제거되지만 구조는 엉망입니다. nav에서 float을 제거하면 부딪히지 않지만 다시 구조가 필요하지 않습니다. 나는 위치를 시도했다 : 절대; 및 위치 : 상대적; nav와 parent 모두에게 도움이되지 않습니다. 나는 분명히 두어 보았다 : 둘다; 모든 곳에서 아무 소용이 없습니다. NAV 플로팅

은 (내가 여기 검색과 구글,하지만 난 대답을 찾을 잘못하고있는 무슨에 대해 충분히 모른다 시도) 여기

것은 내가이 문제가이 개 사이트의 스크린 샷이다. 첫 번째 이미지에는 노란색 틈이 있습니다. 두 번째 이미지는 짙은 회색 위에 검은 색 픽셀이 몇 개 있습니다.보기 힘든 종류입니다.

enter image description here

답변

0

문제는 브라우저가 자동으로 허용 할 수있는 요소의 하단에 여백을 삽입 display:inline-block;를 사용에서 오는 (나는 수레를 제거하면 격차는 사라,하지만 메뉴의 구조는 실패) 편지 descenders. display:block;으로 변경하여 레이아웃을 손상시키지 않을 수 있습니다. 그렇지 않은 경우 하단에 음수 여백을 추가 할 수 있습니다.

내가 사용하고있는 레이아웃에 따라 몇 가지 옵션이 있습니다.

margin-bottom:-3px; 또는

margin-bottom:-0.15em;margin-bottom:-4px; 너무 일 : 여기에 일이 몇 가지 있습니다.