浮动条 100% 的 CSS 高度问题

【问题标题】：CSS Height Issue With Floating Bar 100%浮动条 100% 的 CSS 高度问题
【发布时间】：2013-02-11 13:15:20
【问题描述】：

所以，快速输入这个，如果它有点含糊/混乱，很抱歉。

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

【问题讨论】：

请向我们展示您的代码。
如果要定位物体为什么不用position和bottom？

标签： css height divider

【解决方案1】：

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

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

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

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

    </div>
</div>

【讨论】：

但是代码肯定有用，不知道我是否理解你的问题
谢谢！我正在考虑在分隔线上设置 90% 的高度，在底部栏上设置 10%，即使我真的希望它是一个特定的高度，但在底部添加了一个填充，好主意！谢谢。