html超出页面自动隐藏,html – 溢出：隐藏和％高度

我正在创建一个页面,我不希望任何固定的px高度,也使用overflow：hidden.

我的HTML是形式的;

...Some content

CSS定义为;

.scrollable {

border-color: #CCCCCC;

border-style: solid;

border-width: 1px;

height: 100%;

overflow: hidden;

position: relative;

width: 100%;

}

也只是添加,我已经给了溢出：隐藏(浮动：左边也是一些父)到所有可滚动的父/祖先div.

现在的问题是,如果我将高度设置为100％,则可滚动div不会根据其内容进行扩展(它适用于固定的px高度…但我没有那个选项,因为我正在设计一个完全流畅的布局)

我尝试了两件不起作用的东西;

1.保持高度链活着(即给可滚动的所有父/祖先div提供100％的高度.

2.尝试使用height：auto可滚动

我该如何解决这个问题？