给div设置style='height:100%'是什么意思?

2023-12-27

SO上有很多与此相关的问题,但我扫描的都是针对详细的具体情况。我想知道的是,在概念层面上,这意味着什么:

<div style='height:100%'>

100%有多高? 100% 什么?

[EDIT]

跟进问题:如果100%代表parent的高度,但是parent是并且除了div的高度之外没有其他高度,那么这意味着什么?看起来是递归定义的。


父容器高度的 100%。

看这里:http://jsfiddle.net/6VRn6/ http://jsfiddle.net/6VRn6/

如果要使用此方法使 div 为页面高度的 100%,则必须将高度指定为 body 和 html 的 100%。

body, html {
  height: 100%;
}

当您没有指定html or bodyheight,它们的高度是其中元素的高度之和。

更新了演示 http://jsfiddle.net/6VRn6/3/显示这个。我们有一个 200 像素的 div,带有 2 像素边框,总计 204 像素,然后是一个 40 像素的状态 div。这body高度应为 244 像素。现在,如果将上面的 CSS 添加到页面,高度将是 jsfiddle 右下象限的高度。尝试添加它并再次运行代码。然后调整结果窗格的大小并再次运行以查看高度相应变化。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

给div设置style='height:100%'是什么意思? 的相关文章

  • span 和 iframe 正文中的宽度(以像素为单位)

    我需要知道 a 的宽度 nbsp 以像素为单位 以及是否取决于字体大小 另外 页面中不同元素的情况是否有所不同 还有 就是 nbsp 与常规不同 目的 nbsp 不间断空格 位于正常空格之上是为了防止单词之间出现换行 您可以使用多个 nbs
  • HTML 上传 MAX_FILE_SIZE 似乎不起作用

    我想知道隐藏字段是如何命名的MAX FILE SIZE应该工作吗
  • IE 位置问题:绝对

    我有这段代码 它在 Firefox 中运行得很好 但在资源管理器上会向右射击 这段代码有什么我看不到的问题吗 感谢您的帮助 div a href http www mysite com img src images sponsor png
  • 在chrome中将pdf渲染为iframe

    我正在尝试将 pdf 托管在隐藏的 iframe 中 但在 Chrome 中呈现较小的问题时遇到问题 我必须刷新页面才能正确加载 JSfiddle 在这里https jsfiddle net 464xo40f https jsfiddle
  • Javascript 考虑 colspan 和 rowspan 获取表格单元格二维数组

    我有一个带有 colspan 和 rowspan 的表 如下所示 5x3 表 table tr td 1 td td 2 td td 3 td td 4 td tr tr td 5 td td 6 td td 7 td tr tr td 8
  • Tomcat 基本 URL 重定向

    使用tomcat 如何获取请求http www mydomain example重定向到http www mydomain example somethingelse index jsp 我什至没有设法获得要显示的index htmlhtt
  • 使下划线 CSS 过渡改变方向

    我正在使用我找到的一些风格这个网站 http callmenick com post simple css3 transitions transforms animations compilation创建有效的下划线幻灯片 请参见jsfid
  • 如何在FireFox中检查用户访问麦克风的权限是否被拒绝

    有没有办法查明用户是否拒绝或允许媒体设备的权限 例如 Firefox 中的麦克风 摄像头 在 Chrome 中 我可以使用 navigator permissions query 检查这一点 但在 Firefox 中会失败并出现 TypeE
  • 为什么我的图标在 DIV 布局中从上到下排列而不是从左到右排列?

    我将这 3 个图标包含在单独的 DIV 中 所有这些图标都包含在一个 DIV 中 div div class divicon img src icons text png class icon div div class divicon i
  • Safari 不触发表单提交

    对于一个项目 我有两个选择表单字段 它们通过 jquery 触发器 提交 发送 这在 Firefox 和 Chrome 中运行良好 但在 Safari 中没有任何反应 这是 HTML 代码
  • 使用 JQuery 更改表附加行中某些单元格的背景颜色

    我正在向表中追加一行 如何更改该行中一组单元格的背景颜色 假设列有 25 列 从 17 到 22 的列需要更改背景颜色 这是我到目前为止所尝试的 table1 append row1 row1 children td not td eq 0
  • 使用 python 将 bibtex 文件转换为 html (也许是 pybtex?)

    您好 我想解析 bibtex 出版物文件并对特定字段 例如年份 进行排序并过滤某些内容 然后将其放在网站上 我遇到了 pybtex 它可以读取和解析 bibtex 文件 但它基本上没有记录 我不知道如何对条目进行排序 pybtex 是可行的
  • 将整个网页设计为 SVG 文件

    免责声明 我意识到鉴于标题的荒谬 这听起来像一个巨魔 然而 这是一个真正的问题 我的背景涉及OpenGL x86 汇编 我最近开始学习网络编程 我真的很喜欢 SVG CSS 并且想知道 为什么人们不使用 SVG 设计整个网页 Context
  • 在文档片段中查找注释或文本节点

    我必须清理 Nokogiri HTML DocumentFragment 文档 删除仅包含空格的注释节点和文本节点 这是一个例子 html p paragraph p p paragraph p p paragraph p doc Noko
  • charset-utf8 和字符实体

    我建议将我的 windows 1252 XHTML 网页转换为 UTF 8 我的编码中有以下字符实体 39 撇号 9658 右指针 9668 左指针 如果我使用编辑器更改字符集并将页面保存为 UTF 8 撇号保留为字符实体 指针被转换为代码
  • 如何在没有查询参数的情况下重新加载页面?

    假设我想重新加载www domain com abc num 4 但我想重新加载www domain com abcONLY 问号后没有所有内容 window location window location href split 0
  • 如何防止 CSS 或 jQuery 中单词和标点符号之间的换行

    我在一个段落中有一些文字 我的问题是 当标点符号位于单词末尾时 有时可以换行到下一行 像这样 This is the text This is a new line 我可以用 CSS 或 jQuery 解决这个问题吗 如果您不在单词和标点符
  • 保留以下文本的标题

    我正在使用 css 列计数功能将我的部分分成两列 在一个页面上 我在第一列的底部有一个 h3 标题 在下一列的顶部有一个 p 段落 我想保留该段落的前几句话的标题 我可以将其与整个段落一起包装在使用 inline block 样式的 div
  • 使 html svg 对象也成为可点击的链接(在 iPhone 上)

    这个问题与使 html svg 对象也成为可点击的链接 https stackoverflow com q 11374059 4825796 但给出的答案似乎不适用于 iPhone ios 9 3 safari 和 chrome 浏览器 我
  • 滚动视图上的固定按钮

    我目前正在尝试在屏幕右下角的滚动视图上显示一个按钮 但它不起作用 当我滚动视图时按钮会移动 我尝试先插入按钮 但滚动视图位于其上方 class HomePage extends Component loadUserItems this pr

随机推荐

  • Powershell 模块中 *.psm1 文件的用途是什么?

    所以我用一堆实现了我的第一个 Powershell 模块 ps1文件 每个函数一个 和 psd1清单文件 我试图理解这样做的目的是什么 psm1文件 我的模块中是否需要它们 它们的附加值是什么 EDIT 1 这是我的 psd1 file M
  • Angular Material 垫片验证

    如何验证用户是否选择了chip in the mat chip list并且仅当用户选择chip表格应生效 现在我有validators required在控件上设置了 但是不起作用 这是我到目前为止所做的 HTML
  • 使用 CoreGraphics 框架的擦除或透明笔画问题

    在我的一个应用程序中 我试图擦除 透明描边的一部分UIImage正在使用 CoreGraphics 框架进行绘制 CGContextRefETC 在此过程中 我可以通过调用 removeAllObjects 消息一次性清除绘图 但我无法弄清
  • 用于检查允许的字符在 Java 中不起作用的正则表达式

    我有以下方法来检查允许的字符 private boolean checkIfAllCharsAreValid String test boolean valid false if test matches a zA Z0 9 s valid
  • 如何在页面上显示 PHP 和 HTML 源代码?

    如何在用户端显示 PHP 代码 有点像w3School http www w3schools com dtd default asp does 假设有一个灰色区域 div 然后在其中显示代码而不激活它 您可以使用 html 实体 lt ph
  • 延迟加载在 Angular 6 中不起作用

    当我尝试导航到 时遇到此错误 http localhost 4200 仪表板 http localhost 4200 dashboard 角度中的延迟加载路线 角度 cli 6 0 0 错误错误 未捕获 承诺 错误 找不到模块 应用程序 仪
  • 如何在 AVSpeechUtterance 之后持续停止 AVAudioSession

    我想做的是允许我的应用程序使用AVSpeechSynthesizer当后台音频应用程序正在播放音频时 当我的应用程序正在说话时 我希望后台应用程序的音频 变暗 然后在我的应用程序结束说话后返回到原始音量 In my AudioFeedbac
  • 在 Keras 中导入 Attention 包会出现 ModuleNotFoundError: No module named 'attention'

    作为导入的一部分 我导入 AttentionLayer 包 如下所示 from attention import AttentionLayer 我收到以下错误 ModuleNotFoundError No module named atte
  • Windows 上 Ruby 出现 SSL 错误

    赢7x64 每当我尝试安装 gem 时 都会收到 SSL 错误 ERROR While executing gem Gem RemoteFetcher FetchError SSL connect returned 1 errno 0 st
  • 无法安装 npm 包 ||没有权限

    我在安装 PM2 时遇到以下错误 我也尝试在本地安装它 但似乎没有任何效果 请帮忙 命令 npm install pm2 g anil anil Desktop restapis npm install pm2 g npm WARN opt
  • 这是做什么的:git分支-f

    我正在尝试弄清楚如何正确使用此命令 我相信这是我想要将一个分支本质上创建到另一个分支的命令和标志 基本上删除一个分支并创建一个与另一个分支的文件同名的新分支 但我不确定 或者我的语法是否正确 如果我这样做 git branch f mast
  • PCA前后数据维度

    我正在尝试kaggle com 的数字识别器竞赛 http www kaggle com c digit recognizer使用 Python 和 scikit learn 从训练数据中删除标签后 我将 CSV 中的每一行添加到如下列表中
  • 测试 Twilio 的电话号码

    Twilio 是否有任何可用于模拟出站呼叫的 测试 电话号码 例如 我希望能够充分测试我的应用程序 为繁忙的呼叫 应答机 无序 无效号码等返回异步响应 就像我通常期望的那样 您可以使用一些号码来发送 SMS 消息 但这些号码都会返回简单 即
  • Android 活动二进制 XML 文件行:您必须提供layout_width 属性

    我已经读过它了 但它仍然在这里
  • 为什么增强 for 循环的局部变量必须是局部的? [复制]

    这个问题在这里已经有答案了 根据Java 语言规范 第 14 14 2 节 http docs oracle com javase specs jls se7 html jls 14 html jls 14 14 2 增强的变量for循环必
  • android中动画完成时获取对象的位置

    有没有办法在动画结束后找出我的动画 对象 的最终位置 假设我正在使用 TranslateAnimation 和 ScaleAnimation 以及 setFillAfter true 在 1 秒内对父位置为 0 0 20 20 的 Imag
  • 在 Visual Studio Code 中使用多个 Python 内核

    我正在尝试开始使用 Visual Studio Code 和 Don Jayamanne 的 Python Jupyter 扩展 我的系统上同时有 Python 3 5 和 3 6 内核 但我无法使它们对这些扩展都可见 VS Code 中仅
  • 将一些包从基本环境克隆到另一个环境

    我安装了蟒蛇 所以我已经安装了很多软件包 现在我创建了一个新的环境 几乎是空的 并开始向其安装一些特定的软件包 我这台机器上没有互联网 所以我需要将轮子或源文件复制到它 好的 它可以工作 但是当我在基本环境中已经有像 numpy 这样的包时
  • Swift:将不受约束的泛型类型转换为确认可解码的泛型类型

    情况 我有两个通用类 它们将从 api 和数据库获取数据 分别说 APIDataSource 和 DBDataSource 创建视图模型时 我将在视图模型中注入两个类中的任何一个 视图模型将使用该类来获取所需的数据 我希望视图模型与这两个类
  • 给div设置style='height:100%'是什么意思?

    SO上有很多与此相关的问题 但我扫描的都是针对详细的具体情况 我想知道的是 在概念层面上 这意味着什么 div style height 100 100 有多高 100 什么 EDIT 跟进问题 如果100 代表parent的高度 但是pa