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

body下的DIV 高度自适应相关推荐

HTML变列自适应布局三行,CSS三行三列DIV高度自适应的设置
上一篇博客里引用了www.52css.com里的一篇关于使用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100 ...
DIV高度自适应方法汇总-----摘自网友
你对DIV高度自适应的方法是否了解,这里和大家分享一下,网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度相同,有以下几种方法. DIV高度自适应方法汇总网站优化(seo)中, ...
这种div高度自适应确定你知道吗?
1. 随子元素div高度自适应如何下面的child1和child2浮动,parent高度就会为0,前提child1和child2都有高度,如果你想parent的高度自适应,请继续阅读 <bod ...
html列自动变高,HTML_CSS三行三列DIV高度自适应的设置，用脚本控制三行三列div高度自 - phpStudy...
CSS三行三列DIV高度自适应的设置用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100%就可实现高度自适应 ...
内容滚动条和子div高度自适应
内容滚动条和子div高度自适应写在前面:老套路有图有真相,这才叫做分享.本文内容是:一个div里面,两个子div高度自适应(平分父div的高度)和元素内容过多的时候,根据需求出现高度滚动条或者宽度滚 ...
三种有效解决DIV高度自适应的方法
本文和大家重点讨论一下DIV高度自适应的三种有效解决方法,它们分别是一是JS法.二是背景图填充法.三是"补丁大法"(比较变态). DIV高度自适应的三种有效解决方法 DIV+CSS ...
三种Div高度自适应的方法
让DIV高度自适应,这是在网页设计中常遇到的问题,为了给大家提供参考,这里提供3种div高度自适应的方法:一是JS法.二是背景图填充法.三是"补丁大法"(比较变态). 1.JS法 ...
css 控制div高度自适应浏览器的高度
css 控制div高度自适应浏览器的高度 1 <html> 2 <head> 3 <style> 4 #myTable{height:100%;border:sol ...
四种方法解决DIV高度自适应问题
四种方法解决DIV高度自适应问题参考文章: (1)四种方法解决DIV高度自适应问题 (2)https://www.cnblogs.com/smght/p/4505614.html 备忘一下.

body下的DIV 高度自适应

body下的DIV 高度自适应相关推荐

最新文章

热门文章