DIV+CSS 自适应高度_框架

min-height:100px; 加这个最小高度就可以了

2、然后需要按照图示代码编写一个html页面，并且放入一张背景。

3、效果显示如下图，还是原来大小的背景。

4、然后需要按照图示代码利用css属性background-size: cover;把整个背景填充。

5、效果显示如下图，table高度把屏幕占满。

这个要看当初切图的时候怎么切的，如果你切图的时候不合理，增加高度页面就变形了

增加高度很简单

只要改变RightContent_about这个里面的高度即可

因为你设定了一个

div{

margin:0

auto;

font-size:12px;

color:#710012;

overflow:hidden;

}

这个，里面有overflow:hidden;这个，而RightContent_about这个里面的高度才200，那么超过200的就不显示了

html,body{height:100%;}/定义高度为100%/

{margin:0;padding:0;}

header,footer{width:100%;height:5%;background:#000;}/上下高度5%；中间盒子高度90%/

main{overflow-y:scroll;width:100%;height:90%}

main p{height:1500px;width:100%;text-align:center;line-height:1500px;}

</style>

</div>

顶部和底部高度5%；中间盒子高度90%，这样刚好100%，你内容填充到中间的盒子就行，如果需要特殊样式，顶部和底部可以用position定位，main盒子加上margin-top、margin-bottom分别等于顶部和底部的高度就行

所有div的总高度不能大于100%，不然会出现2个滚动条，因为现在的滚动条是main盒子的，如果超过100%；浏览器的滚动条也会出现

以上就是关于DIV+CSS 自适应高度全部的内容，包括:DIV+CSS 自适应高度、CSS/HTML:如何使下面的table高度占满整个页面呢、进来个懂CSS的帮我调下高度！！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

DIV+CSS 自适应高度