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的溢出：隐藏（使用float：左边也有一些父）..

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

我尝试了两件不起作用的东西; 1.保持高度链活着（即给可滚动的所有父/祖先div提供100％的高度。 2.尝试使用高度：自动滚动

如何解决此问题？

Answer 1

div设置为其内容所需高度的100％，而不是您想要的高度。

尝试：

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

您可能还需要为链中的其他元素执行此操作。

溢出：隐藏和％高度

1 个答案: