CSS 열 개수 두 항목이 다른 항목보다 높습니다.

Question

조금 문제가 있습니다. 3 열을 만들었고 첫 번째 열은 2 픽셀 더 낮았습니다. 어디에 문제가 있습니까?

http://codepen.io/anon/pen/mdhiC

는

Answer 1

다른 방법 등 을 실제은 스타일이 float: left이고 width: 33% 인 세 div 태그를 만드는 것입니다.

어떻게 작동하는지 데모가 있습니다.

Live demo

내가 무슨 짓을했는지의 큰 이미지는 다음과 같습니다

HTML

<div class="colContainer"> 
    <div class="col"> 
    // content goes here 
    </div> 

    <div class="col"> 
     // content goes here 
    </div> 
    <div class="col"> 
     // content goes here 
    </div> 
</div> 

CSS

.colContainer{ 
    float:left; 
    width:100%; 
} 

.col{ 
    float:left; 
    width:33%; /*or 33.3% if you want to be more precise*/ 
} 

Answer 2

이 추가 시간 내 주셔서 감사합니다 사업부에서 첫 번째 H2 태그가 몇 가지 기본 마진 값을 가지고있다 :

.not h2 { 
    margin: 0; 
}