方法1:设置HTML body 以及要实现100%高度的元素的高度为100%
这个div的高度会100%
方法2:对要自适应高度的元素设置position: absolute;top:0;bottom:0;
利用这个方法,可以实现顶部菜单固定高度,下面内容块自适应高度,高度充满整个频幕
HTML
高度自适应
CSS:
* { margin: 0; padding: 0; } .box { position: absolute; top: 70px; bottom: 0; background: #ddd; width: 100%; } .menu { height: 70px; background: blue; }
还可以延伸到3栏,中间自适应高度