960 그리드 요소가 표시되지 않는 것 같습니다.

Question

960 그리드 시스템을 사용하여 웹 사이트를 레이아웃하고 있습니다. 나는 nivo-slider와 h1 태그를 중간에 시궁창과 나란히 표시하는 데 문제가 있습니다. 문제의 두 요소가 모두 하나 개의 사업부에 포함, 슬라이더는

grid_7 

의 클래스를 가지고 있으며, H1은 이러한 난 12 열 그리드 (12)를 추가 grid_5

의 클래스가 사용. 그들이 여기

중첩되어 내 SCS들

@import "compass/reset"; 

body { 
    background: url(../img/background.png); 
} 

#header { 
    background: green; 
    margin-bottom: 25px; 
} 

.slider-wrapper { 
    margin-bottom: 10px; 
} 

#navigation { 
    clear: both; 
    ul { 
    li{ 
     list-style: none; 
     float: left; 
     margin: 2px; 
     a { 
     text-decoration: none; 
    } 
    } 
    } 
} 

#content-wrapper { 
    clear: both; 
} 

Answer 1

나는 문제를 해결했다. 두 요소는 하나의 div를 포함해서는 안된다.

Answer 2

당신이 그들에게 container_12 모두를 감싸 적이되는 이유는 표시되지 않는 이유는 무엇입니까?

<div class="container_12"> 
    <div class="grid_5"></div> 
    <div class="grid_7"></div> 
</div>