内容覆盖了我的页脚-想要固定高度或最大高度

Question

我无法使内容的主体滚动/具有确定的高度。我已经尝试过最大高度和最小高度，但是我不知道CSS使内容滚动到底部的含义是什么。

站点：https://go.trustradius.com/TriNet_TriNet-Vertical-Page-COPY.html

最小高度，最大高度，调整页面高度。等等

body>

<div id="tqaAllInOne" style="width: 90%;height:500px;margin: auto; padding:50px 0px;
">

    <div id="TQAobject" style="width:20%;min-width:250px;min-</height:400px;display:inline-block;position:absolute;margin-left:15px;border: 1px solid #ccc;background-color:white;">
        <div style="z-index: 100; background-color: white;">
            <div id="blurbContainer" style=" height: ; padding: 15px; padding-bottom: 70px;">
                <h3 style="position:relative; margin:0px 0px 15px 0px;padding: 0px;line-height: 1em;font-size: 1.3em;font-family: inherit;font-weight: 600;">Selected Quote</h3>
                <div id="blurbText" onclick="copyText()" style="font-size: 14px;font-family: inherit;font-weight: 300;line-height: 1.4em;color: #444;text-decoration: none;text-size-adjust: none;margin: 0px;padding: 0px;padding-bottom:20px;text-shadow: none;cursor: pointer;text-align: left;">Select a TrustQuote you would like to copy</div>
                    <button onclick="copyText()" style="position: absolute;bottom: 20px;left: 20px;right: 20px;top: 20px; font-family: serif;font-size: 18px;font-weight: 300;padding: 3px 8px;margin: 0px;cursor: pointer;border-radius: 0px;min-height: 35px;max-width: 300px;top: auto;background-color: #ecf4ff;color: #002269;">Copy Quote to Clipboard</button>
            </div>
        </div>
    </div>

</div>

</body>

Answer 1

由于子元素的高度!important而$ cat Gemfile # frozen_string_literal: true source "http://localbox/gems" gem "thor", "0.20.3" 的高度使它不起作用，并且其特异性也大于父元素，因此CSS在这种情况下根本无法工作。

如果您可以删除此高度，则问题已解决，请在图片下方查找

Answer 2

我想添加评论，但我不能，因为我没有足够的声誉。

当我删除类.lpeCElement的'position：absolute'属性（使用我的浏览器开发人员工具）时，您的网站似乎表现出了您想要的样子（可滚动的内容，没有重叠的页脚），而其他任何东西都没有损坏。

希望这会有所帮助。

请参阅所附图片： working site