溢出：隱藏和％高度

Question

我正在創建一個頁面，我不希望任何固定的px高度，也使用overflow：hidden。

我的HTML是形式的;

<div class="scrollable fl">
...Some content
</div>

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。嘗試使用高度：auto可滾動

我該如何解決這個問題？

Answer 1

div設置為其內容所需高度的100％，而不是您想要的高度。

嘗試：

.scrollable {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    position: relative;
    top:0px;
    bottom:0px;
    width: 100%;
}

您可能還需要為鏈中的其他元素執行此操作。