자동으로 배경과 함께 웹 페이지 중간에 동적으로 생성 된 내용

Question

저는 백엔드 데이터를 기반으로 동적 인 부서를 만들고 있습니다. jquery 함수에서 float:left 을 제거하면 서브 컨테이너 div를 배경으로 자동으로 가져올 수 있습니다. 그러나 그것은 내 레이아웃을 변경합니다. 동적 div는 최대 6이 될 것입니다. 하위 컨테이너 div의 높이를 하드 코딩하고 싶지는 않습니다. 아래 그림과 같은 것이 필요합니다. 여기

디스플레이를 추가 내 FIDDLE

Answer 1

입니다 : 인라인 블록; 주 용기에.

이 시도 : 이것은 위대한 작품을

.subcontainer { 
    margin:0 auto; 
    width: 80%; 
    padding: 30px 20px; 
    background-color: white; 
    border-radius: 5px 5px 5px 5px; 
    display:inline-block;; //add this line 
}