Html5&;CSS3-统一侧栏和主要内容
图像链接- 我想删除所有空格,但无法删除。 我还希望侧边栏的高度与内容相同 谢谢 我不知道怎么了 我应该制作一个边栏而不是3个吗 代码 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> 如果您希望内容
谢谢!!!: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}谢谢!但如何删除标题上方和下方的空间?