使用滚动在页面底部划分

Question

我试图让div从页面底部向上增长。我准备了一个示例来展示问题： http://codepen.io/anon/pen/qEWemJ

如您所见，目前没有滚动。我相信它是因为我将容器定位设置为固定：

  position: fixed;
  width: 100%;
  bottom: 0px;

我喜欢这种行为（从下到上增长内容）但是我需要滚动。任何帮助表示赞赏。

我正在寻找一个no-js解决方案。

Answer 1

在容器CSS（overflow-y和height）

上添加它

#container{
   background-color: lightpink;
   padding: 50px;
   position: fixed;
   width: 100%;
   bottom: 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   overflow-y : scroll;
   height: 100%;
}