html - Html5 & CSS3 - 统一侧边栏和主内容

Question

图片链接 -网页图片

我想删除所有空格，但不能这样做。我还希望侧边栏与内容高度相同谢谢！

我不知道我应该制作一个侧边栏而不是3个有什么问题吗？

CODE HTML5和CSS3代码 http://www.mediafire.com/download/70p421je5uv2a4m/Theme.rar

谢谢你！！！:D

Answer 1

您可以为您和内容background的元素设置：containsidebar

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

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

Answer 2

如果您希望内容的高度响应，并且侧边栏随之更改响应，您可以尝试使用 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>