디자인 공백이

-2

the small white spaces between my header and the two columns beneath it 두 개의 열이있는 머리글을 병합해야하지만 공백이 있습니다. 그것을 해결할 수있는 몇 가지 코드를 도와주세요.디자인 공백이

2013-05-20 coderoaq

우리가 도울 수 있기 전에 HTML을보아야합니다. –

그리고 바람직하게는 행동을 재현하는 일부 실제 사례 ... 아니면 정확한 문제가 무엇인지 추측해야합니까? – walther

@DominicRodger 입력하기에 너무 큽니다. – coderoaq

일부 라이브 코드를 보지 않으면 도움이 매우 어렵습니다.

그러나 내 기본 정보는 브라우저 기본 채우기와 요소의 여백 상속입니다. 문제는 브라우저가 다른 방식으로 동작한다는 것입니다. 기본적으로 일부는 다른 요소보다 기본적으로 요소 주변의 여백 및 간격을 더 많이 사용합니다.

이 방법은 여러 가지 방법으로 해결할 수 있습니다. 대부분의 경우 초기화 및/또는 정규화를 사용하여 빌드 할 수있는 기본 줄을 정의합니다 (모든 브라우저가 똑같이 동작합니다).

: 당신이 당신의 CSS의 상단에이를 놓아 모두에 패딩과 마진을 재설정 할 수 있습니다 그것에서

은 절대 간단한 양식 (그리고 나는 당신에게 생산 현장에서 적 사용이하지 않는 것이 좋습니다)

*{ 
    padding: 0; 
    margin: 0 
}

공백이 제거되었는지 확인하십시오. 그것은 않는 경우, 마이어의 여기처럼 CSS 재설정을 구현하는 것이 좋습니다 :

정말 당신이 브라우저에서 개발의 모양을 일관된 모양과 더 유한 제어를 얻을 도움이 될 것입니다이.

2013-05-20 10:57:13 johnkavanagh

답변