내 div가 안되는 이유는 무엇입니까?

Question

div는 내 JsFiddle에 완벽하게 일렬로 표시되지만 내 website에서는 작동하지 않습니다.

두 연락처 아래에서 연락처 양식을 이동할 때 올바르게 정렬되어 문제가 내 문의 양식에서 비롯된 것 같습니다.

어떤 조언이 필요합니까?

Answer 1

<div class="form"> 요소 내에서 부동를 지우고 있지 않습니다.

두 가지 좋은 해결책은 overflow: hidden을 .form에 추가하거나 clear: both을 #text에 추가하는 것입니다. 그것은 그들의 리셋 CSS의 jsFiddle에서 작동

Answer 2

:

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin: 0; 
    padding: 0; 
} 

귀하의 경우는 그 때문에 라인의 나머지 부분보다 더 큰 높이를 가지고있는 H2이다. 당신의 파란색 div가 h2의 끝에서 시작한다는 사실로 이어진다.

.form h2 { 
    font-size: 26px; 
    font-weight: 200; 
    text-shadow: 1px 1px 1px #CFCFCF; 
    color: #999; 
    float: left; 
    padding-left: 20px; 
    margin: 20px 0; 
} 

PS : 트릭해야

@Wex의 대답은 깨끗는)