css - 最新的Google Chrome版本破坏了CSS-6ren

css - 最新的Google Chrome版本破坏了CSS

转载作者：行者123 更新时间：2023-12-03 18:06:47

27

4

Closed. This question does not meet Stack Overflow guidelines。它目前不接受答案。

想要改善这个问题吗？更新问题，以便将其作为 on-topic用于堆栈溢出。

在6个月前关闭。

Improve this question

更新到最新的 chrome 版本 (87.0.4280.66 (Official Build) (64-bit)) 后，带有边距底部的元素在高度为 100% 的父元素内时不再获得该边距。
你能告诉我这是否可以作为一个错误报告给谷歌，或者他们现在所做的是否应该是这样，所以其他所有浏览器基本上都有一个错误，而 Chrome 是唯一一个做对的？
的HTML

<html>
<body>
<div>
test
</div>
</body>
</html>

CSS

body,
html {
  height: 100%;
}

body {
  background-color: red;
}

div {
  background-color: white;
  min-height: calc(100vh - 32px);
  margin-bottom: 200px;
}

JS Fiddle 在这里: https://jsfiddle.net/nez3aLqx/1/(在最新的 chrome vs firefox 中尝试)
预期结果(它在以前版本的 chrome 或我拥有的任何其他浏览器中的外观):

实际结果:

最佳答案

您可以在 css 中使用 !important 来获得其他人的优先权
喜欢下面的代码，希望可以解决问题，

div {
  background-color: white;
  min-height: calc(100vh - 32px);
  margin-bottom: 200px !important;
}

关于css - 最新的Google Chrome版本破坏了CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64896705/

上一篇：data-structures - 这是什么数据格式？对我来说，它看起来像是某种简化的伪 XML/JSON

下一篇：google-cloud-firestore - 使用 Sapper 设置 Firestore

相关文章：

javascript - 如何使用 Javascript 控制 CSS 属性

css - Angular 没有完全加载样式

python - 动态网站通过类名查找元素并使用 Selenium 和 Chrome 执行与 Python 中的类关联的 onclick 方法

javascript - 显示/隐藏 css/javascript 代码未在 Chrome 中正确隐藏内容

html - Chrome 移动版中的 MJPEG

javascript - 如何减少 JavaScript 触摸输入的触摸延迟？

html - 无法选择单选按钮 : issue with z-index?

javascript - 如何使用 html 和 CSS 在一个 div 中添加复选框列表

javascript - 如何接收 input\textarea 元素中选定文本的坐标？

html - Windows 版 Chrome，糟糕的@font-face 渲染

27

4

0

文章推荐： google-cloud-firestore - 使用 Sapper 设置 Firestore

文章推荐： cocoa - Cocoa(Touch) 支持有限数量的货币

scala - Scala(最新 2.10)与 Groovy++(最新 0.9.1？)的比较
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
pyEcharts安装及详细使用指南(最新)
ECharts是一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的Canvas类库ZRender，提供直观、生动、可交互、可高度个性化定制
Docker如何快速搭建LNMP环境(最新)
前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文
详解使用Xcode7的Instruments检测解决iOS内存泄露(最新)
作为一名ios开发攻城狮,在苹果没有出arc(自动内存管理机制)时,我们几乎有一半的开发时间都耗费在这么管理内存上.后来苹果很人性的出了arc,虽然在很大程度上,帮助我们开发者节省了精力和时间.但是
pandas - 以相反的顺序使用系列(最新)
如何反转Pandas中DataSeries的排序顺序，以便我按降序使用它们？最佳答案 In [28]: s = pd.Series([20, 10, 30], ['c', 'a', 'b']) In
jQuery 最新 $.browser
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Is jQuery $.browser Deprecated? 最新的 jQuery 库是否发生变化 $.brows
MySQL 更新其他行以跟踪当前/最新
我正在开发一个 Intranet 项目，所以我无法复制/粘贴代码，所以希望我的描述和一些小片段会有所帮助。我知道 MySQL 触发器无法做到这一点，但希望有一种干净的 JPA PrePersist(
mySQL 组，最新
这是数据集: 人员状态日期埃里克 1 1/1/2015 埃里克 2 2/1/2015 埃里克 3 2015 年 3 月 1 日约翰福音 1 3/1/2015 约翰福音 2 2015 年 2 月 1
php - 按日期排序(最新)
现在我正在使用下面的查询按每篇文章的 auto_increment id 排序 mysql_query("SELECT * FROM articles ORDER BY id DESC"); 我想知道
mysql - 最新 - 邮政编码数据库？
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题，以便用事实和引用来回答它。关闭
mysql - 最新 - 邮政编码数据库？
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题，以便用事实和引用来回答它。关闭
php - 按日期排序(最新)
现在我正在使用下面的查询按每篇文章的 auto_increment id 排序 mysql_query("SELECT * FROM articles ORDER BY id DESC"); 我想知道
dedeCMS 织梦的日期时间格式大全(最新)
在我们做文章的时候常用一些函数修改来实现自己的页面效果，例如，时间的自定义格式我们常常需要乃至的，搜集了些有关时间格式的CODE，作大家为参考,希望对大家有些帮助列表页list_article
github - 保持 fork 最新
我想将某些东西提交到 github 存储库，但我(显然)没有任何权利这样做。我对那个 repo 做了一个分支，提交了我的更改并提交了一个 pull-request。现在，问题是过了一段时间其他人已经
sql - 仅连接另一个表中每一行的最高(最新)值
我是 SQL 新手，所以现有的答案对我来说有点复杂。我有三张 table : WORKER |id |name |date |... JOB |id |name |salary |accept AP
excel - 粘贴的形状不被视为“最新”形状
我正在自动从PowerPoint和Excel电子表格中生成PowerPoint报表。在粘贴表格之前，我已经完成了整个过程。我使用PPApp.CommandBars.ExecuteMso ("Past
java - Spring kafka消费者不尊重自动偏移重置=最新
我们有 1 个 Kafka 主题和 1 个分区: 从 spring boot kafka 消费者那里看到一个相当奇怪的行为。 Spring kafka消费者在重新启动时总是从主题的开头开始消费。我已
ios - 如何从ALASSET照片库中获取第一张(最新)照片？
通过编程从iOS照片库获取最新照片是否有技巧？我知道我可以按日期搜索，但是我必须每隔一微秒进行一次扫描，以便进行某种比较以准确地找到它。有没有人做过这个或任何想法？最佳答案我之前采取的一种方法
javascript - 最新 Kendo 版本的页面加载缓慢问题
我们上周将 Web 应用程序中的 Telerik Kendo 库从 V2015.2.902 升级到 V2016.1.112。从那时起，我们注意到使用 Kendo 的页面需要很长时间才能加载(30 秒到
sql - 为每个学生选择*最新*成绩信息
我有两个表: STUDENT GRADES ---------- ---------- id id name person_id ad

首页

博学

6Ren·AI

商城

css - 最新的Google Chrome版本破坏了CSS