CSS和js控制自动高度的问题_html/css_WEB-ITnose

我想要图片整个页面的高度和浏览器可见区域一样；
上面和下面的高度是固定的；
中间部分的高度自动，若中间的内容超出后中间部分自动滚动；
中间部分的高度会随着浏览器大小的变化改变。



求大神明示，用CSS如何做到，或者CSS结合JS怎么做到？

回复讨论(解决方案)

试试这个，我用的jquery

 	 		 		 		 		 		$(document).ready(function() {			areaResize();			$(window).resize(function() {				areaResize();			});		});		function areaResize() {			var sHeight = self.innerHeight;			var sWidth = self.innerWidth;			$(".bg").css({				"height": sHeight-200,				"width": sWidth			});			$(".header").css({				"height":" 100px",				"width": sWidth			});						$(".footer").css({				"height":" 100px",				"width": sWidth			});		};		 		 		.bg{		background-color: red;		overflow: auto;		}		.header{			background-color: blue;		}		.footer{			background-color: black;		}		 	 	 		


      
查看更多关于CSS和js控制自动高度的问题_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113339