如何将另一个元素内的 div 缩放到 100% 高度和宽度

2023-11-23

如何将另一个元素内的 div 缩放至 100% 高度和宽度?就我而言,是一个环绕的 td。因为我是一个插件,所以我无法控制页面上的其他 HTML。这是我的 HTML:

<body style="height:100%;">
  <table width="600px" height="400px" border="1">
    <tr>
      <td style="background-color:silver;">Cell 1</td>

      <td style="background-color:silver;">
    <div style="height:100%; background-color:yellow;">
      <div style="min-height:100%; height:100%; background-color:red;">
        Cell 2
      </div>
    </div>
      </td>
    </tr>
  </table>
</body>

因此,Cell 2 div 应该最大化。有跨浏览器的方法来做到这一点吗?为什么这么复杂?


Look at 这个堆栈溢出问题以及...审查后评分最高的答案在这个问题中,看起来您必须将容器的高度设置为 100%,并将子元素的“min-height, height”设置为 100%。

Go to 这个网站欲了解更多信息 - 下面的 HTML 是该网站的精简版本

<div style="height:100%;">
  <div style="min-height:100%; height:100%; background-color:red;">  
    put your content here 
  </div> 
</div> 
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将另一个元素内的 div 缩放到 100% 高度和宽度 的相关文章

  • Sass - “map-get”和简单变量有什么区别?

    我是 Sass 的新手 并且一直在阅读有关使用变量的不同方法的信息 我尝试应用的这一原则仅适用于颜色 我发现的一些解决方案如下 map get colors lighestGray F8F8FA lightGray A5ACBA light
  • html5 画布上下文 .fillStyle 不起作用

    只是为了创建一个游戏而第一次尝试canvas 我显示了一个图像 但奇怪的是 fillStyle 方法似乎不起作用 至少画布背景在谷歌浏览器中仍然是白色的 请注意 在我的代码中 画布变量实际上是画布元素的二维上下文 也许这就是我让自己感到困惑
  • 如何阻止richfaces风格?

    我开发了这个联系表格
  • IE7 中的多个选项卡和一个工具栏实例

    我用 C 开发了一个用于 Internet Explorer 的工具栏 用于从外部应用程序发送和接收 URL 它在 IE6 中运行得很好 但我想在新版本 IE7 中利用选项卡式浏览 但我在那里遇到了障碍 似乎在 IE7 中 每个选项卡都有一
  • 当用户使用 Internet Explorer 时重定向到新页面

    我使用下面的代码将使用 Internet Explorer 的用户重定向到新页面 但显然代码有问题 因为当我使用 Internet Explorer 时该网站不再加载 这是代码 由于我不知道我做错了什么 如果有人可以发布使用正确编码的正确方
  • 如何像这样包裹div?

    假设您有一个具有固定高度和重量的 div 在图中是最里面的一个 并且您希望周围的 div 包含它 其外边距为例如1 厘米 你会怎么做 一种方法是使用inline block显示风格 div border 1px solid blue div
  • 如何在 Ionic 中将图像同时放入

    我目前正在开发 Ionic 应用程序 并致力于在 ion header 和 ion content 中实现图像 这是我如何实现的屏幕截图 从屏幕截图中可以看到 离子标题和离子内容内容被隐藏 因为我设置了图像z index到高数字 有人可以建
  • CSS - 相对定位的父div不拉伸到绝对子div高度

    我整个早上都在谷歌上搜索这个 但似乎无法让它发挥作用 我有一个具有相对定位的父 DIV 和一个位于其中的两列子 DIV 设置 两者都定位为绝对 我需要父 DIV 的高度与内部 DIV 的内容一起拉伸 我尝试在 content 的结束标记之前
  • Webkit 浏览器在确定表格布局中的单元格宽度时不考虑填充:已修复

    我在申请时得到不同的结果table layout fixed到表格并在单元格上使用填充 IE 和 Firefox 似乎可以通过将单元格宽度和填充加在一起来正常工作 Chrome 和 Safari 仅使用单元格宽度 我看到该问题存在一个错误
  • JavaScript 作为 HTML 属性是不好的做法吗?

    例子 https stackoverflow com a 372 89566 710887 https stackoverflow com a 37289566 710887 我看到这种情况越来越频繁地发生 我总是被教导要将 javascr
  • 如何在javascript中获取表中复选框的值

    我需要获取表行中提供跨度的复选框的值 下面的代码是我的项目的一部分 HTML 代码用于动态我的表格 而 javascript 代码用于获取不适用于复选框的元素的值 它适用于其他输入元素 我的桌子 var html tr class rows
  • Select2 的行为与未为 Select2 定义的 Uncaught 查询函数非常不同

    我按以下方式加载 select2 的值 声明类型 var AdjustmentType Backbone Model extend url Hexgen getContextPath referencedata adjustmenttype
  • 如何使用 JavaScript 写入不同的网页?

    我正在尝试从一个网页获取用户输入并将其写入已存在的另一个网页 如果重要的话 所有网页都在同一个域中 我调试 JavaScript 见下文 并看到它正确地迭代 for 循环并构建要写入的正确信息 但它不会将其写入其他网页 不确定我做错了什么
  • 悬停时用倾斜背景填充元素

    我正在尝试创建一个CSS按钮悬停效果 但我没能用倾斜的形状填充元素 悬停效果是如何规划的 屏幕截图 1 实际看起来如何 屏幕截图 2 我希望悬停效果看起来像斜边 button sliding bg color 31302B backgrou
  • 如何使文本在响应式图像上垂直居中?

    当浏览器窗口大小调整时 如何使这些图像上的标题文本移动 我的实现很棘手 我需要一种方法来防止文本在调整窗口大小时滑动 Codepen http codepen io anon pen mxbEd div class row div clas
  • 将元素粘贴到滚动上固定元素的底部?

    基本上 我想要实现的目标是让辅助导航在滚动时与主导航的底部相遇后立即粘在主导航的底部 我仍在学习 jQuery 并且我已经开始抓狂了 编辑 意识到我没有解释到目前为止我已经到了哪里 该类被添加到元素中 但是它没有固定在主标题下方 而是从视口
  • 如何禁用图像上的高亮显示

    I m trying to disable highlight on an image when I drag my mouse over an image it is highlighted Take a look 多谢 Use 用户选择
  • 在本地计算机上验证 HTML

    我目前正在尝试学习 HTML 和 Java EE Servlet 编程 我的本地计算机 Orion 应用程序服务器 上运行着一个应用程序服务器 并且我正在使用同一台计算机上运行的浏览器连接到我部署在该服务器上的网页 定向到http loca
  • 删除 IE 10 兼容性视图中的蓝色边框

    如何删除或不显示每个带有图像的锚点中的边框链接 顺便说一下 浏览器设置是兼容模式 其他问题的答案不足以解决我的问题 我猜是因为它只适用于较低版本的 IE EDIT 我目前正在客户需要的地方创建自定义共享按钮 div a href img h
  • 将框架外页面重定向到index.htm中的特定框架

    我在 index html 文件上使用框架 在框架的每个页面上 我都有一个代码来检查页面是否在框架中 如果没有 则重定向到index html 现在 我不仅想检查页面是否在框架中并重定向到index html 而且还想在index html

随机推荐

  • 砍掉每个变量名称的第一个字母[重复]

    这个问题在这里已经有答案了 我有一些数据看起来像这样 country agdp apop 1 US 100 100 2 Australia 50 50 变量名称是agdp and apop 但我希望他们是gdp and pop 我的真实数据
  • Bootstrap-vue b-table 标头中带有过滤器

    我有一个使用 bootstrap vue 生成的表 显示系统搜索的结果 结果表向用户显示记录 用户可以对它们进行排序和过滤 如何在表格标题下方添加搜索字段 th 使用 bootstrap vue 生成 th
  • 为什么我无法使用 Xamarin 在可移植类库中引用 System.Net.Sockets?

    我正在尝试在可移植类库中使用 System Net Sockets API 以便我的项目可以重用套接字连接代码 但我无法在代码中引用该名称空间 据我了解 PCL 限制您只能使用所有目标平台上可用的程序集 但我的目标是 ios Android
  • C# 与 SharpZipLib - SharpZipLib 与 Winzip 和 XP 的兼容性吗?

    我正在使用SharpZipLib自动压缩某些文件的库 问题是生成的 zip 文件不适用于 Winzip 版本 8 1 或 XP 的压缩文件夹 它确实可以与 7zip 一起使用 Winzip 给出一个错误该文件不是标准 Zip 2 0 格式
  • TabIndex 无法正常工作

    I have a windows form application On the form there are three groupboxs Each groupbox contains some controls Please see
  • 如何在模板绑定中从 Angular 4 访问 getter/setter 访问器?

    假设我有以下 getter setter 方法 get next console log this people this index this index return this people this index set next i
  • 使用 jQuery .filter() 选择 div 中的特定文本

    HTML p class greeting hello my name is kevin what s yours p jQuery p greeting filter function return this text my name i
  • JPA 不生成“删除时设置为空”FK 限制

    我有两个相关的 JPA 注释类 警报和状态 一个警报可以有一个状态 我需要的是能够删除一个状态并将空值 传播 到已删除的该状态中的警报 也就是说 我需要将外键定义为 删除时设置为空 Entity public class Alarm Id
  • PHP 速度与其他语言的比较

    我经常听说 PHP 与其他语言相比速度很慢 速度差异是否足够明显以至于我应该切换到另一种语言 如果是这样 您会推荐什么其他语言 或者有什么好的优化可以加快 PHP 的速度 这个问题经常出现 答案是 是的 它比 C Java C C 等慢 不
  • 具有 memory_order_relaxed 的存储是否有可能永远不会到达其他线程?

    假设我有一个线程A写入一个atomic int x 0 using x store 1 std memory order relaxed 如果没有任何其他同步方法 其他线程需要多长时间才能看到这一点 使用x load std memory
  • costura.fody 用于引用另一个 dll 的 dll

    我有一个我写的小exe 它使用LibGit2Sharp我正在尝试使用Costura Fody嵌入所有内容 这样我只有一个可执行文件可以分发 实际上 还有两个配置文件 但这没关系 问题似乎是这样的LibGet2Sharp dll有相当坚定的参
  • C# 如何初始化WebService

    是否有可能初始化 WebService 我正在寻找一种仅在第一次调用 WebService 期间运行的方法 Net 中有类似的东西吗 如果您在给定客户端第一次连接到 Web 服务时需要 初始化 Have an Initialise返回令牌
  • 路径助手生成带有点而不是斜线的路径

    在我的 paths rb 中 我有以下内容 resources message threads 当我打电话时 message threads path 1 I get message threads 1 为什么是这样 我的其他资源运行良好
  • 给定成对距离且簇数未知的聚类?

    我有一组对象 obj1 obj2 obj3 objn 我已经计算了所有可能对的成对距离 距离存储在n n matrix M with Mij之间的距离obji and objj 那么自然就可以看到M是一个对称矩阵 现在我希望对这些对象执行无
  • 从指令内更改属性

    使用 AngularJS 我有一个指令 我想要有两种方式的数据绑定 该指令将有一个名为 activate 的属性 最初 activate 的值为 1 该指令的链接函数将检查 activate 是否等于 1 如果是这样 它会将 activat
  • 强制执行标记的 AWS IAM 策略

    有没有办法在创建 EC2 实例时强制执行标记 如果没有某些标签 用户无法启动实例 我可以使用该标签根据标签来控制特定实例吗 我在为客户工作时也遇到过类似的用例 答案是是的你可以 您可以强制用户通过 IAM 策略应用特定标签 例如 您可以将策
  • 在覆盖 Equals 的 null 检查之前转换为对象[重复]

    这个问题在这里已经有答案了 只需阅读有关覆盖相等运算符的 msdn 文章here 下面的片段让我困惑 If parameter cannot be cast to Point return false TwoDPoint p obj as
  • Repeater、ListView、DataList、DataGrid、GridView...选择哪一个?

    有这么多不同的控件可供选择 确定使用哪个控件在 ASP NET 中显示数据的最佳实践是什么 这实际上是关于你想要实现的目标 Gridview 设计有限 工作方式类似于 html 表格 更多内置功能 如编辑 更新 页面 排序 很多开销 Dat
  • 计算图像大小比例以调整大小

    我有一个定义的固定宽度和高度来调整图像大小 但是 我对此有问题 因为图像可以具有任何类型的尺寸比 可以是vertical or the 水平的 在这种情况下 固定的宽度和高度会导致问题 我想计算宽度和高度以更聪明的方式 例如 假设我已经定义
  • 如何将另一个元素内的 div 缩放到 100% 高度和宽度

    如何将另一个元素内的 div 缩放至 100 高度和宽度 就我而言 是一个环绕的 td 因为我是一个插件 所以我无法控制页面上的其他 HTML 这是我的 HTML table width 600px height 400px border