css - 960 个网格元素没有像我认为的那样显示

Question

我正在使用 960 网格系统来布局网站。我无法让 nivo-slider 和 h1 标签并排显示，中间有一个排水沟。有问题的两个元素都包含在一个 div 中，滑块有一个类

grid_7 

h1 有一类grid_5

对于我正在使用的 12 列网格，这些加起来为 12。我不明白为什么它们重叠

这是我的scss

@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

您是否将它们都包裹在 container_12 中？

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

Answer 2

我解决了我遇到的问题。这两个元素不应该在一个包含 div 的元素中。