新网站宽度>100%

Question

你好，我很好奇是否有人能帮忙解决这个问题。我正在创建一个漏电设计网站。问题似乎在于我的css (strecth2类)。标题应该是固定的，并且跨越100%的屏幕；但是拉伸类正在将整个网页推到右边，再向右推20%。

我使用的基础5，并试图得到5个均匀间隔的列。这是我的HTML，描述的问题。

<div class="row">
    <div class="stretch-2">
        <div class="small-12 medium-4 large-2 columns">5</div>
        <div class="small-12 medium-4 large-2 columns">6</div>
        <div class="small-12 medium-4 large-2 columns">7</div>
        <div class="small-12 medium-4 large-2 columns">8</div>
        <div class="small-12 medium-4 large-2 columns end">9</div>     
    </div>
</div>

我的CSS：

.stretch-2 {
    width: 120%;
}

.row {
    max-width: 80em;
    padding-left: 2em;
    padding-right: 2em;
} 

和基金会5 CSS：

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; 
}

Answer 1

变化

.stretch-2 {
    width: 120%;
}

至

.stretch-2 {
    width: 100%;
}

在你的CSS里。

或者，将其放在css中：

body{
  overflow-x:hidden;
}