html - 在设置了最大高度的 div 内滚动 div

Question

我正在尝试制作一个 div，它在一个 div 中滚动其内容，并设置了 height: auto 和 max-height:(heightpx);。我注意到，如果我将高度设置为一个值并删除最大高度，它就会起作用。

<div style="height:auto; max-height:200px; background:red;">
<div class="fill">
    <div class="fill">
        <div class="fill">
            <div class="scrolly" style="height: calc(100% - 45px)">
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
                <div>hello</div>
            </div>
        </div>
    </div>
</div>

.scrolly {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

.fill {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

这是一个 jsfiddle http://jsfiddle.net/szze6a66/

Answer 1

溢出-y:自动

<div style=" max-height:200px; background:red; overflow-y:auto">

http://jsfiddle.net/djktzyec/

希望对你有帮助