html - Html5 & CSS3 - サイドバーとメインコンテンツの統合

Question

画像リンク -ウェブページの画像

すべてのスペースを削除したいのですが、削除できません。また、サイドバーをコンテンツと同じ高さにしたいです。

サイドバーを 3 つではなく 1 つにする必要があるのですが、何が問題なのかわかりません。

コード HTML5 および CSS3 コード http://www.mediafire.com/download/70p421je5uv2a4m/Theme.rar

ありがとうございました！！！:D

Answer 1

コンテンツの高さをレスポンシブにしたい場合、サイドバーもそれに合わせてレスポンシブに変更するには、jQuery ソリューションを試すことができます。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$( document ).ready(function() {

var y = $("#content").outerHeight();
$("#sidebar").css({"height": y});  

$( window ).resize(function() {
var y = $("#content").outerHeight();
$("#sidebar").css({"height": y}); 
});
}); 
</script>

Answer 2

あなたとコンテンツbackgroundの要素に設定できます：containsidebar

<div style="background:#fff">
    <div id="content"></div>
    <div id="sidebar"></div>
</div>

http://codepen.io/Chovanec/pen/hcAmH