使用CSS堆叠Div

Question

我知道这对CSS和当前的浏览器来说特别困难,但我仍然有要求.

我需要能够在一列中有3个div.每个div应该能够占据垂直空间的一定百分比(例如,33%).每个div的内容最终可能会大于可用空间,因此div应该能够溢出并为用户提供滚动条.

我的问题是,我无法弄清楚如何给每个面板垂直高度.有任何想法吗？

Answer 1

也许我错过了一些东西,但是给出了:

  <div id="column">
    <div id="a" class="cell">A</div>
    <div id="b" class="cell">B</div>
    <div id="c" class="cell">C</div>
  </div>

有什么不对:

    #column
    {
        height: 100%;
        width: 20%;
    }

    #column .cell
    {
        height: 31%;
        margin: 1%;
        background-color: green;
        overflow: auto;
    }