最近做了测试

html{
height: 100%;//全部内容高度，包括滚动出现的内容
background-color:#000;
}

body{
height: 100%;//只一页屏幕，用作滚动的标准，不包括滚动出现的内容
}

body  div{
height: 100%;//继承body高度，也只是一页屏幕，不包括滚动出现的内容
}

想让div高度自适应全部内容（即滚动的内容，那么就不要设置高度为100%，使用默认就行）

转载于:https://www.cnblogs.com/lily1010/p/5475072.html

html body div height: 100%;相关推荐

  1. html页面如何变成百分之百,css height 100% CSS成功设置DIV高度百分之百

    css height 100% ,使用CSS成功设置DIV高度百分之百,CSS height百分之百高度 让html中第一个div(最外层div)高度100%(height:100%)实现. 一.di ...

  2. 关于html,body{height:100%}的理解

    有时候你看到别人写css代码的时候会发现:html,body{height:100%} 首先我们先看下w3c 对于height的定义 : 首先这个height:可能为百分数 就是相当于包含块的高度,如 ...

  3. 如何css设置div页面100%高度， body页面全高

    效果图 div高度=全屏高度,背景色为渐变 核心代码 html, body {      height: 100%; } div.anyClassName {      height: 100%; } ...

  4. html height 100%无效,css height:100%撑不起来怎么解决？

    css height:100%撑不起来怎么解决?下面本篇文章居来给大家介绍一下解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css height:100%撑不起来的解决方 ...

  5. div高度、宽度100% div width、height 100%

    正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...

  6. div高度、宽度100%|div width、height 100% - div100%

    正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...

  7. div width和height 100%设定

    http://www.cnblogs.com/clare-zhang/archive/2011/08/26/2154220.html 正像你所知道的那样,设置DIV大小的有两个属性width和heig ...

  8. html div 高度100,深入理解CSS的height:100%和height:inherit之间的使用区别

    inherit确实是个好东西,不仅节约代码,尤其与background之流打交道:而且还利于维护. 注意,如果想要继承background的图片,不能这样缩写,会显得很天真: CSS Code复制内容 ...

  9. CSS 如何让 height:100%; 起作用

    当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果.你知道为什么height:100%不起作用吗? 按常理,当我们用 ...

最新文章

  1. ajax返回一段html代码,【提问】ajax请求返回整个html页面
  2. MATLAB_no.3:关于车牌的.
  3. 安装suricata
  4. boost::callable_traits添加member左值引用
  5. shell脚本常见错误
  6. oracle 10g的进程主要分为,Oracle10g 后台进程列表
  7. java 编译环境不一致_安装多JDK后，java编译环境和运行环境版本(JDK版本) 不一致解决：...
  8. 如何查看centos系统版本以及配置信息
  9. C#上位机与三菱PLC通讯
  10. 数据挖掘中分类和聚类的区别
  11. 不同超声诊断仪器的原理和FPGA在超声中应用
  12. 语法分析——自下而上分析
  13. linux中错误无法解析域名无法下载,Linux无法解析域名的解决办法
  14. 快手也抢先字节出手了…
  15. phase portrait 如果爱情像数学一样
  16. clap与slap_clap什么意思(slap与clap的区别)
  17. SQL Server 中4个系统数据库，Master、Model、Msdb、Tempdb
  18. 音频中常见的技术指标
  19. Android面试题精选，轻松进阿里（2023最新版）
  20. java class arraylist_Java:如何用arraylist添加并调用CLASS

热门文章

  1. a 中调用js的几种方法整理及使用推荐
  2. Hibernate学习之一对多关联
  3. View工作原理（四）view的layout过程
  4. 三层架构实战篇—系统登录实例
  5. 操作系统经典书籍--现代操作系统
  6. 已解决：Connecting to raw.githubusercontent.com |185.199.109.133|:443... Unable to establish SSL connect
  7. IAR中断定义#pragma vector = P0INT_VECTOR __interrupt void P0_ISR(void)啥意思？
  8. 能够抑制网络风暴的是？
  9. springmvc十六:视图解析
  10. TCL(Tool   Command   Language)