body下的DIV 高度自适应

html页面body标签下的DIV标签高度自适应，或者高度100%设置：

通常情况下 <div style="height:100%"></div> 即可将Div标签的高度设置为母标签高度的100%；

但是，当body下的直接子标签DIV不能通过这种方式实现高度100%设置（可通过height:1000px这种具体方式来设置，但达不到自适应效果）

可通过添加CSS代码来实现效果

css代码：

html,body{

　　margin:0;

　　padding:0;

　　width:100%;

　　height:100%;   这条是关键

}

原因：浏览器默认情况下，body标签是没有height属性的，所以需要给html+body设置height:100%属性

随后，<div style="height:100%"></div>就能生效了

转载于:https://www.cnblogs.com/maxiaoshuai/p/5755775.html