960 그리드 시스템을 사용하여 내 div에서 여분의 공간과 임의의 정렬이 발생하는 이유는 무엇입니까?

Question

div의 요소가 임의로 정렬되고 임의의 정렬 태그에 응답하지 않고 div가 요소 위 또는 아래에 여분의 공간을 만드는 문제가 있습니다. 저는 960 그리드 시스템을 사용하고 있으며, 손가락이 날지 않도록 CSS 파일을 변경하지 않았습니다.

나는 테스트 페이지 here을 넣어, 그리고 닷지 코드 - D

그것은 매우 초기 단계의에 여전히 몇 가지 실례 (I를 나처럼),하지만 난 내가 할 수있는 생각하지 않는 것 문제의 원인을 편안하게 이해할 때까지 계속 진행하십시오.

해당 페이지의 가장 좋은 예는 하단 가로 막대와 아래 요소입니다. 막대는 몇 픽셀의 데드 스페이스를 추가하며 아래의 요소는 해당 div의 다른 부분에 정렬됩니다.

왜 요소가 지시가없는 경우 정렬을 표준화하지 않은 것처럼 보이며 지시가없는 경우 여분의 공간이 다시 생기는 이유는 무엇입니까?

내 자신의 생각은 모든 것을 개별적으로 배치하는 것이지만 문제가 발생하고 그리드가 손상 될까봐 걱정됩니다. 그것 이외에, 나는 unno.

감사

문제의

Answer 1

하나는 #horizontal-bar-footer이 hr 라인이 필요 이상으로 더 25px의 높이를 가지고 있다는 것입니다. height을 0px으로 설정하고 padding-bottom을 추가하여 바닥 글에 약간의 공간이 있도록하십시오.

이렇게하면 "톰 순위에 의한 디자인"부분이 생겨납니다. Facebook 버튼의 경우 main.css에 다음을 추가하십시오.

.fb_iframe_widget span { 
    vertical-align: top; 
}