如何定义css样式，让背景色的高度随页面高度而定

我的框架：
<body>
<div id="main">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div id="footer"></div>
</body>
存在的问题：
中间部分的内容高，而我在左右div里设了背景色，但由于高度没有中间部分那么高，所以左右两边距底部版权之间没有背景色，而是以白色显示!
怎么做能让白色部分也显示为背景色，如何解决这个问题！谢谢了！

举报该文章

相关建议 2015-12-27

æä¸¤ç§åæ³å¯ä»¥å®ç°è¿ä¸ªåè½ï¼

1ãéç¨è®¾ç½®é«åº¦çå¼ä¸ºç¾åæ¯ï¼å¦

height:100%;

æ¤æ¶é«åº¦å°±ä¼éçç¶åç´ çé«åº¦äºæ¹åã

2ãéç¨ä½¿ç¨jsè·åé¡µé¢çé«åº¦æ¥å®ç°é«åº¦çå¨æåå

å¦è·åï¼é¡µå¯è§åºåé«ï¼ document.body.clientHeight

ç½é¡µå¯è§åºåå®½ï¼ document.body.clientWidth
ç½é¡µå¯è§åºåé«ï¼ document.body.clientHeight
ç½é¡µå¯è§åºåå®½ï¼ document.body.offsetWidth (åæ¬è¾¹çº¿çå®½)
ç½é¡µå¯è§åºåé«ï¼ document.body.offsetHeight (åæ¬è¾¹çº¿çé«)
ç½é¡µæ£æå¨æå®½ï¼ document.body.scrollWidth
ç½é¡µæ£æå¨æé«ï¼ document.body.scrollHeight
ç½é¡µè¢«å·å»çé«ï¼ document.body.scrollTop
ç½é¡µè¢«å·å»çå·¦ï¼ document.body.scrollLeft
ç½é¡µæ£æé¨åä¸ï¼ window.screenTop
ç½é¡µæ£æé¨åå·¦ï¼ window.screenLeft
å±å¹åè¾¨ççé«ï¼ window.screen.height
å±å¹åè¾¨ççå®½ï¼ window.screen.width
å±å¹å¯ç¨å·¥ä½åºé«åº¦ï¼ window.screen.availHeight
å±å¹å¯ç¨å·¥ä½åºå®½åº¦ï¼ window.screen.availWidth

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/ff2s82mm2.html

其他看法

第1个回答 2015-07-14

这种动态的还是用jquery吧。。。

$("最外面的div").css("height",$(document).height());

第2个回答 2015-05-21

1.你做个三栏颜色的背景图片，截取一条做页面背景，和你的三栏位置对应，Y轴重复（repeat-y);
2.CSS三栏自适应高度。搜索一下，有很多资源说明的，大概思想就是margin一个很大负值，然后padding一个一样大的正值。

第3个回答 2015-07-06

可以有几个办法解决：
1.你做个三栏颜色的背景图片，截取一条做页面背景，和你的三栏位置对应，Y轴重复（repeat-y);
2.CSS三栏自适应高度。搜索一下，有很多资源说明的，大概思想就是margin一个很大负值，然后padding一个一样大的正值。

第4个回答 2018-02-27

1、给左右两个模块添加固定高度，值与中间高度保持一致。这种方法虽然能实现效果，但是不灵活。
2、用js或jquery手动获取中间模块的高度，将值赋给左右两部分，这种三者高度同步，虽然麻烦一些，但是这种方法还是比较好用的。

1 2 3 下一页

相似回答

大家正在搜