css-网格，最大高度在Chrome上不工作？
CSS网格是一种用于网页布局的强大工具，它可以将页面划分为行和列，以便更灵活地安排和对齐内容。然而，有时在Chrome浏览器上设置最大高度可能不起作用，这可能是由于以下原因：
- CSS规则冲突：在设置最大高度时，可能存在其他CSS规则与之冲突，导致最大高度无效。这可能是由于CSS选择器的优先级问题，或者其他CSS属性的影响。解决方法是检查其他CSS规则并确保它们不会覆盖最大高度的设置。
- 盒子模型：在CSS中，元素的高度由内容、内边距和边框的总和决定。如果设置了最大高度，但元素的内容、内边距或边框超过了最大高度，那么最大高度设置可能不起作用。解决方法是检查元素的内容、内边距和边框，并确保它们不会超过最大高度。
- 浮动元素：如果网格中包含浮动元素，并且这些元素的高度超过了网格容器的最大高度，那么最大高度设置可能不起作用。这是因为浮动元素会脱离正常的文档流，可能会影响网格容器的高度计算。解决方法是清除浮动或使用适当的清除浮动技术，以确保网格容器的高度正确计算。
- JavaScript交互：如果在网格中使用了JavaScript来动态修改元素的高度，那么最大高度设置可能会被覆盖或修改。这可能是由于JavaScript代码中的逻辑错误或冲突导致的。解决方法是检查JavaScript代码，并确保它不会干扰最大高度的设置。
总结起来，如果在Chrome浏览器上设置CSS网格的最大高度不起作用，可以通过检查CSS规则冲突、盒子模型、浮动元素和JavaScript交互来解决问题。如果问题仍然存在，建议尝试使用浏览器的开发者工具进行调试，以查看是否有其他CSS属性或JavaScript代码影响了最大高度的设置。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS Grid布局：https://cloud.tencent.com/document/product/1026/37999
相关·内容
0回答
在FireFox上，我的应用运行正常，但在Chrome上，我得到了一个奇怪的行为，我不知道为什么？<!<br /> </div></body>
</html&g
浏览 1提问于2017-12-07得票数 0
4回答
以前，如果行不包含任何内容或包含display:none元素，则可以将行高度提高到零，但在小提琴上，您可以看到我试图通过在所有元素上设置height:0和overflow:hidden来隐藏第一行/单元格，包括单元格内的.box，但实际上它不起作用。请特别在Safari上进行测试，因为它比Firefox和Chrome有更多的问题。
有办法摆脱高度和隐藏内容吗？编辑1:现在，我发现如果使用真正的html表并向其添加table-layout:fixed并为其设置的
浏览 3提问于2017-06-26得票数 1
回答已采纳
我正在创建一个网站，其中的网格可能有几行，也可能有很多行。我搜索了一下，发现有一个选项可以让网格根据行数自动调整大小，但它显然与分页不兼容。var gridOptions = { autoHeight:true };
似乎你也不能设置最大</em
浏览 1提问于2012-08-15得票数 6
1回答
剑道冻结(锁定)栅格高度
、、、
我们正在使用一个带有一些元素作为锁定的网格。我们已经使用css设置了网格的最小和最大高度。.k-grid-content { min-height: 0px;我们面临着设置锁定网格高度的问题。如果我们不设置网格的高度，在锁定的一侧的一些行在底部变白。那么我们如何动态设置网格的高度呢？这是我们在Onbo
浏览 0提问于2017-03-27得票数 1
1回答
我使用object fit: cover；在我的CSS中对页面上的图像进行排列，因为它们需要相同的高度。它在大多数浏览器中工作得很好，但是IE11正在扭曲图像。
浏览 5提问于2021-03-03得票数 0
回答已采纳
4回答
我们想要使用的角度UI ng网格，但似乎找不到一个选项，告诉在网格内的视口，以不设置溢出为自动和不滚动。对去哪里有什么建议吗？
浏览 2提问于2013-08-16得票数 12
回答已采纳
2回答
我已经研究了很多为什么我的JSTree在IE8上呈现得非常糟糕，而在Chrome上却工作得很好。至少有一个问题是IE8缺乏对css-属性background-size的支持。树结构中的每一行在IE8中的高度为24 40，当它以铬表示时为40。后一种浏览器通过使用background-size: auto;自动环绕图标大小来计算线条高度。IE8没有。我试图实现许多不同的解决方案，以弥补IE8缺乏的功能，例如：
但是，由于
浏览 4提问于2014-07-04得票数 3
回答已采纳
2回答
我正在尝试使用bootstrap和flex来构建一些花哨的项目网格。因此，通过保持1:1的比例，项目图像必须始终延伸到可用空间的100%宽度。
我通过使用css背景图片让它正常工作。
浏览 0提问于2015-08-26得票数 0
我有一个问题，最大高度不能正常工作在网格元素。基本上，我有一个具有灵活大小的网格元素，在其中我显示了一个iframe。我想要缩放iframe的全部大小，并有一个符合iframe大小的周边div，最大大小等于网格元素，并从那里滚动。我的问题是，在某种程度上，最大高度不能正常工作。我为此准备了一个：
对于此代码，在#grid1 1中使用“高度: 10
浏览 2提问于2021-12-02得票数 3
回答已采纳
我在努力学习css-网格布局。我打开了Chrome、FireFox和FireFox开发人员的网格标志。我也下载了FireFox每晚(截至今天52.0a1 (2016-11-07) (64位))。我在苹果电脑上。.wrapper { grid-template-columns: repeat(auto-fill, 2.5vw 2.5vw);
浏览 7提问于2016-11-08得票数 1
回答已采纳
最近，我创建了一个使用CSS Grid的图片库，当我在Firefox和Chrome中使用开发工具时，它运行得非常好。只有当我在我的真实手机(iPhone)上测试网站时，画廊才会崩溃。在桌面上工作得很好。load按钮后将大约8张图片加载到网格中。，但当开发工具显示网格运行得很好，而实际的移动设备却不工作时，找到一些东西似乎非常棘手。我还检查了兼容性，safari似乎与我正在使用的网格设置兼容。
任何建议都会很好！提前谢
浏览 7提问于2021-12-29得票数 0
回答已采纳
1回答
我有一个网格(7x7表格)的图像。我想要将表格/网格自动调整到一个流体大小的div中，该div可以根据显示器的显示大小进行调整。我希望表格不超过div的界限，既不宽也不高，但要占据最大的面积，同时保持每个表格单元的高度和宽度与所有其他表格单元相同。
我知道从我的描述中可能很难想象这一点。基本上，所有表格单元格都需要强制为精确的正方形(相同的宽度/高度)，但该大小可以根据显示尺寸的大小而增大或缩小。并且所有的表都不应该超出该div的可见屏幕区域。很容易
浏览 2提问于2012-11-04得票数 2
我使用的是网格的autoHeight属性。如何让autoHeight在IE中工作？我怀疑这与IE9处理高度语义的方式有关。
浏览 0提问于2012-06-30得票数 0
我正在尝试约束一个可以在Chrome和Moz中工作的图像，但Safari并非如此。基本上我是这样做的： max-height:64px; margin:0 auto;display:block;在Safari中，它保持最大高度，但将图像宽度拉伸到其实际大小。在其他浏览器中，它按比例设置最大高度和宽度。有什么想法吗
浏览 3提问于2013-09-11得票数 0
他们没有解决Chrome的特殊问题。在Chrome中也会发生这种情况，但是不尊重容器的高度。该元件超过他的容器的高度，并不断增长到底部，根据窗口的宽度。
o
浏览 5提问于2015-06-08得票数 21
回答已采纳
1回答
在我当前的项目中，我们的导航条的预期行为是，它的行为像一个定位的固定导航条，而不使用css-属性，如位置和/或固定。我玩了很多点子，最后想出了一个非常简单的解决方案。.animate({ }, 0);...and on jsfiddle：导航和内容是引导网格布局的一部分。如果使用“定位
浏览 3提问于2015-09-03得票数 0
我希望将图像的高度和宽度限制在窗口的最大高度和宽度的80%，这样就不需要任何正常大小的滚动条了。下面是我使用的CSS： max-width: 80%;}非常感谢你的帮助。
浏览 1提问于2010-10-14得票数 15
1回答
我在写网站的时候遇到了一个问题。简而言之，我想要计算文档的最大可能高度(如果窗口是全屏的话，本质上就是window.innerHeight )。我使用了这行简单的代码来计算，这样它就可以在窗口的大小上工作。window.screen.height - (window.outerHeight - window.innerHeight)所以..。如何计
浏览 0提问于2021-08-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
