Html5&;CSS3-统一侧栏和主要内容

Html5&;CSS3-统一侧栏和主要内容,html,css,Html,Css,图像链接- 我想删除所有空格,但无法删除。 我还希望侧边栏的高度与内容相同 谢谢 我不知道怎么了 我应该制作一个边栏而不是3个吗 代码 HTML5和CSS3代码 谢谢!!!:D您可以为包含侧栏和内容的元素设置背景: <div style="background:#fff"> <div id="content"></div> <div id="sidebar"></div> </div> 如果您希望内容

图像链接-

我想删除所有空格,但无法删除。 我还希望侧边栏的高度与内容相同 谢谢

我不知道怎么了 我应该制作一个边栏而不是3个吗

代码 HTML5和CSS3代码


谢谢!!!:D

您可以为
包含
侧栏和内容的元素设置
背景

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


如果您希望内容的高度响应,并且边栏也随之变化,您可以尝试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>

$(文档).ready(函数(){
变量y=$(“#内容”).outerHeight();
$(“#边栏”).css({“height”:y});
$(窗口)。调整大小(函数(){
变量y=$(“#内容”).outerHeight();
$(“#边栏”).css({“height”:y});
});
}); 

我建议你这样做。主要内容{背景:#fff}谢谢!但如何删除标题上方和下方的空间?