个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
26
4
如果这是一个老问题或已知问题，我很抱歉，但我无法在线找到答案。如果我有代码
<style>
html, body { height: 100%; width: 100%;}
#div1 {height:50%; min-height:200px;background-color:red;}
#div2 {height:100%; background-color:black;}
</style>
<body>
<div id="div1"><div id="div2"></div></div>
</body>
然后在 firefox 中，黑色内部 div 会随着屏幕缩小而缩小并停在 200px 高度处。然而，在 webkit 浏览器中，红色的外部 div 停止了，但内部 div 继续缩小，就好像它在没有 min-height 属性的父 div 中一样。
是否有一个简单的修复方法可以使 webkit 版本与 firefox 渲染一致？如果将 min-height:inherit 放在内部 div 上，则可以正常工作，但如果一个 div 中有许多 div，则需要在每个子 div 上使用 min-height:inherit。有没有更优雅的解决方案？
最佳答案
是的，这是一个 WebKit 错误，bug 26559 .
height in % static-or-relative-positioned elements 是相对于包含 block 的规定 height 属性计算的，而不是计算出的高度考虑了 min-height 和 max-height。宽度不会发生同样的情况。
您可以在 CSS 2.1 中看到它的来源。其中指出必须显式设置包含 block 的高度才能使 % 起作用。但它没有明确说明“明确”是什么意思!浏览器认为这意味着必须将 height 属性设置为非自动值，这很公平，除了 height 现在不是 height 的全部.其他浏览器允许 min-height/max-height 影响要使用的高度，但不允许它表示“显式”。 WebKit 通过在计算中使用 only height 而不是最小/最大来走得更远(这绝对不是规范强制要求的)。
作为变通方法，您可以尝试绝对定位，这不会受到影响。相对定位外部 div，绝对定位内部 at left: 0;顶部:0；宽度:100%；高度:100%。
关于cross-browser - 从具有 min-height 属性的父级继承的子级 div 的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3808512/
26
4
0
我正在尝试自己编译跨平台工具链。 当我编译 binutils-2.22 时，它成功了，但为什么会出现“检查我们是否正在交叉编译...否”？我想应该是"is"，对吧？ 我的主机是运行 ubuntu 的
设置: 有远程测量站，有集中收集/处理/呈现服务器(带有网络服务器)，还有观测站，为客户显示收集到的数据。 这些观测站由简单的嵌入式计算机组成，配备网络浏览器，以信息亭模式工作，每个观测站显示来自中央
我对 Spark 和 Scala 很陌生，我正在编写 Spark SQL 代码。我可以在我的逻辑中应用 CROSS JOIN 和 CROSS APPLY。在这里，我将发布必须转换为 Spark SQL
警告是: jquery-1.9.1.js:8526 跨源读取阻止 (CORB) 阻止跨源响应 https://www.metaweather.com/api/location/search/?quer
我正在尝试对用户进行身份验证，但由于Cross-Origin Read Blocking (CORB) blocked 问题我的 login.ts 代码是 if (this.plugins.isOnl
这是我的表格 public class TaskForm extends WebForm { public TaskForm(){ this(new TaskModel());
首先，对不起我的英语语言不好，我是初学者程序员。在我的项目中，我使用线程类，但完成后我看到了这个异常: Cross-thread operation not valid: Control 'lblp4
我目前正在为一个项目开发前端(VueJS)，为了测试我的登录和注册逻辑，我使用 laravel 作为后端，尽管我们实际上将使用 springboot 作为后端。我在桌面上编码，一切正常。所以我开始使用
我一直认为，就主要浏览器在不同平台上的渲染而言，唯一的区别是操作系统的底层字体渲染技术，其他一切都依赖于浏览器中包含的相同库。 就我的研究而言，前端开发人员要么相信，要么不相信。似乎我们可以选择任何一
我需要在我正在处理的网站中显示一些交互式(附加 DOM 监听器等和事件处理)矢量图形。 W3C 推荐了 SVG，尽管 Internet Explorer 支持仍然无法识别这种格式，这是必须的(对于公共
子域是否有跨域策略限制？ 如果我在 paint.xxxx.com 上有申请这是处理来自 image.xxxx.com 的图像，有没有跨域问题？ 我问这些问题，因为我正在考虑在子域上放置一个代理。 最佳
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 6年前关闭。 Improve this questi
一个项目迫在眉睫，我将要编写的一些代码可能会部署在潜在客户碰巧拥有的任何硬件上。它是一个 24/7 全天候运行的业务应用程序，因此我设想大多数主机将是服务器类型的机器，但较小的客户端可能只有一台简单的
首先，我不反对Opera。似乎当我遇到跨浏览器问题并进行一些研究时，总能找到“解决办法”，但是随后我看到一条评论，说我正在查看的跨浏览器解决方案无法在Opera中使用，这是一种愚蠢的评论。 我应该在乎
作为优秀的开发人员，我们尽可能保持我们的代码符合标准，以帮助平台之间的移植。但是有哪些工具可以帮助我们以统一的方式跨多个平台构建代码。 *nix 家族有 make但 Windows 需要 nmake
我目前正在构建浏览器帮助对象。 的事情之一BHO要做的是绕过跨域策略进行跨站请求。 为此，我公开了 __MyBHONameSpace.Request使用 WebClient 的方法内部。 然而，我想到
我开发了一个 NP API 插件并正在使用它。我观察到以下两件事 当我第一次安装插件时，我需要重新启动我的 mac os 以加载插件。 每当我更新插件时，我都需要重新启动浏览器。 我想在不重新启动浏览
浏览器在接收到“足够”的数据后或数据停止流入后呈现内容(例如，达到内容长度)。 我要慢慢地将数据流式传输到浏览器；为此，我必须解决此数据缓存问题。 例如，不是发送 40 字节的 JavaScript，
我搜索了一些关于跨平台编程开发的文献，但没有找到真正好的东西。 我不是在寻找像 Java 那样的跨平台虚拟机。 有没有关于这方面的书籍或文献？ 最佳答案 我会说这归结为: 不使用非标准的“标准库”功能
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 7年前关闭。 Improve t
我是一名优秀的程序员,十分优秀！