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

时间:2012-07-08 05:24:25

标签: css sass

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

grid_7 

并且h1的类别为grid_5

对于我正在使用的12列网格,这些加起来为12。我不明白他们为什么重叠enter image description here

这是我的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;
}

2 个答案:

答案 0 :(得分:0)

你有没有把它们都装在container_12?

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

答案 1 :(得分:0)

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