css - 浮动条 100% 的 CSS 高度问题

Question

所以，快速输入这个，如果它有点模糊/令人困惑，很抱歉。

所以，我在屏幕底部有一个我正在使用 css 的栏，我在它上面有一个分隔线。我尝试在分隔线上使用 100% 的高度来让高度一直到底部，但它在条形下方，我希望它不在条形下方。你们会如何建议我这样做？我更喜欢css方法，但javascript也可以。

Answer 1

如果您对该分界线有任何填充，它将被添加到 100%。那可能是你的问题。可能是这样的：

<style>
    .one {
        height:100%;
        display:block;
    }

    .two {
        padding: 20px;
    }
</style>

<div class="one">
    <div class="two">

    </div>
</div>