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

あなたのフィドルを更新しました（http://jsfiddle.net/bukfixart/j87Gy/2/）

width:100%;セレクターからcssの行を削除するだけ.footerです。クラスにはパディング（5％）があります。幅を使用している場合は、パディングが追加されるため、合計は次のようになります。

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

これは毎回特大になります。