CSS : 다른 부동 열 아래에 열을 플로팅

Question

사이트에서 유지 관리를하려고하는데 한 페이지가 너무 빠르다는 것을 알았습니다. 그것들은 왼쪽 컬럼의 컨테이너 div와 오른쪽 컨텐츠의 컨테이너 div이며 전체 페이지 컨텐츠를위한 또 다른 컨테이너입니다. 페이지 하단의 바닥 글 앞에는 세 개의 열이 있고 기본 컨테이너에 들어갑니다. 모두 divs (같은 div 클래스)에 있으며 모두 왼쪽으로 떠있었습니다.

하나만 제외하고 모든 페이지에서 정상적으로 작동합니다. 오른쪽의 내용은 세 개의 열을 왼쪽의 큰 열 아래로 밀어내는 데 충분하지 않습니다. 따라서 두 번째 열 아래에 세 번째 열이 떠있는 상태에서 왼쪽 열의 큰 열에 대해 두 개의 열이 떠 다니는 것입니다.

세 개의 작은 열에 대한 CSS는 다음과 같습니다

.FBG .blok { 
    width:270px; 
    float:left; 
    padding:5px 20px; 
    margin:0; 
} 

그것은 모든 페이지에서 동일한 코드,하지만 내가 말했듯이,이 페이지의 차이에 대한 권리 사업부에 충분한 내용이없는 것입니다 열을 아래로 내리십시오.

이 문제를 현명하게 코딩 할 수있는 방법이 있습니까? 또는이 페이지에 다른 중첩 된 div를 추가해야합니까? 모든 응답 주셔서 감사합니다!

Answer 1

나는 그것을 알아 낸 것입니다! 내가해야만하는 일은 수레를 제거하는 div 클래스를 만드는 것뿐입니다.

.clr { 
    clear:both; 
    padding:0; 
    margin:0; 
} 

가 난 컨테이너 클래스에 div'ed 후 점을 추가하는 듯했으나 바로 개별 열 DIV 전에 : 이것은 내가 클래스에 넣어 것입니다. 매력처럼 일했습니다!