html - 文本从内容中隐藏

Question

我的网站出现问题，一段文本位于另一个 div 下方。

问题出在边栏中，如下图所示。左侧的文本位于内容下方，内容位于它的骑行侧。

这是问题的 JSFiddle 示例:http://jsfiddle.net/j87Gy/

我认为问题出在以下 CSS 代码中，但我不确定:

.wrapper{
    height:100%;
    width: 100%;
}

.sidebar{
    width:25%;
    background:#262625;
    float:left;
    height:100%;
    position: relative;
}

Answer 1

我更新了你的 fiddle (http://jsfiddle.net/bukfixart/j87Gy/2/)

只需从选择器 .footer 中删除 css 中的 width:100%; 行。该类有一个填充 (5%)。如果你使用的是宽度，填充将被添加到它，所以总和将是

100% + 5% (left) + 5% (right) = 110%.

这每次都会过大。