Css 用溢流阀将屏幕分成相等的部分

我最近做了一个网站，我需要6列y溢出可见。我连6个师的成绩都不好。宽度需要更宽，以调整6个滚动条和一点填充

还有比我的尝试更好的方法吗

<div class="col">

  <div class="section">
    Content that overflows this section. 

  </div>

</div>

    .col {

    width: 15.2%;
    padding-right: 15px;
    float: left;
}

.section {
    overflow-y: scroll;
    width: 100%;


}

溢出此部分的内容。
上校{
宽度：15.2%；
右侧填充：15px；
浮动：左；
}
.科{
溢出y：滚动；
宽度：100%；
}

这是非常松散的和列没有达到最右边的边缘

我对jquery不太了解，无法尝试，但我愿意听取任何建议

---

******我算出来了，太傻了。包括填充在内的所有内容都需要使用%。Duh*********很抱歉浪费了任何人的时间

我认为最好为内部div

.section

设置填充，这样就不需要调整

.col

宽度

请尝试以下HTML代码：

<div id="grid">
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
    <div class="col">
      <div class="section">
        Content that overflows this section. 
      </div>
    </div>
</div>

请注意，

#grid{margin left:-15px；}

将帮助您消除第一列之前不必要的空白

---

看一看

尝试使用CSS网格框架，就像它将消除创建布局的所有困难一样。该链接将为您提供基于固定宽度布局（主要是960px）的网格设计。我不认为这将是非常有用的可变宽度的设计，因为op设计。使用

%

肯定会解决问题，但有时根据浏览器的不同，

%

的计算值可能会略有偏差。这是实现我想要的更好的方法。非常感谢。我一直在到处寻找这个片段。。非常感谢你！

#grid {
    margin-left: -15px;
}

.col {
    width: 16.6%;
    float: left;
}

.section {
    overflow-y: scroll;
    margin-left: 15px;
    height: 100px;
    background: green;
}​