网格内的Div不能由父级设置最大高度
是因为网格布局（Grid Layout）是一种二维布局系统，它将容器划分为行和列，使得元素可以在网格中自由布局。在网格布局中，子元素的高度由其内容决定，而不受父级设置的最大高度限制。
网格布局的优势在于可以轻松实现复杂的布局结构，灵活性高，适用于各种不同的应用场景。它可以用于构建响应式网页布局，实现自适应的页面设计。网格布局还可以用于创建网格化的图像库、产品展示、新闻列表等等。
在腾讯云的产品中，与网格布局相关的产品是腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。腾讯云云服务器提供了弹性计算能力，可以根据实际需求灵活调整服务器配置，满足不同规模和负载的应用需求。腾讯云容器服务则提供了容器化部署和管理的解决方案，可以帮助开发者更高效地构建、部署和管理应用程序。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云容器服务产品介绍链接地址：https://cloud.tencent.com/product/tke
相关·内容
1回答
我正在尝试制作一个html视图，其中滚动只发生在视图的右下角区域内。当视图变得太大而无法容纳带有类test-page-content的div (黄色区域)时，带有page-content-area类的div (蓝色区域)应该显示滚动条。但是由于某些原因，类为page-with-left-area的div的高度变得太大，整个视图开始滚动。我找到了一个变通方法(参见app-container类中的注释)
浏览 11提问于2020-09-29得票数 0
回答已采纳
1回答
D.Page.Data = "TGData"; G = TreeGrid(D, "batchGrid");<s:div id="batchGrid" cssStyle="height:100% width:100%"/>不确定这个div高度是如何<
浏览 5提问于2017-09-19得票数 0
回答已采纳
2回答
如何使div滚动，而无需硬编码其高度？通常，当您想要使div滚动，您需要设置最大高度，否则它将扩展。#element { max-height: 100px;在我的例子中，我希望高度受到父级高度的限制(并且父级是可调整大小的)，而不是通过在CSS中设置它
浏览 2提问于2014-04-22得票数 2
回答已采纳
1回答
我这里有一个有趣的小问题，我试图根据窗口的动态大小来调整我的站点的单元格，虽然我可以很容易地设置主单元格来缩放，但是如果我简单地将它们设置为100或类似的话，内部单元格就不会跟随它。--我有一组切片，它们可以作为一种书中的脊骨来框架内容单元格，它们是一个固定的大小，主体内容填充了剩余的空间，但是到目前为止，我不得不用设置数字来设置容器和身体块，因为简单的百分比是行不通的</
浏览 2提问于2014-11-29得票数 0
回答已采纳
1回答
我还没有找到一种方法来做一个最大高度的一个tr或td标签在一个肯多网格。在高度为100%，最大高度设置为200 max的情况下，是否有办法做到这一点？网格是可滚动的，但高度设置为500 is，因此滚动在网格内。我试过： max-height: 200p
浏览 3提问于2016-11-04得票数 0
回答已采纳
我很好奇css文件中html, body{width:100%}的用途是什么？这是一种css重置代码吗？
禁用这段代码不会影响我在浏览器中看到的内容。它是对一些旧浏览器或移动设备的“错误修复”吗？
浏览 25提问于2014-06-09得票数 0
我在自定义小部件中呈现数据网格时遇到了问题。Showcase：</head>
<body class="claro">
浏览 0提问于2013-08-26得票数 0
1回答
CSS网格容器高度涵盖其他内容
、、、、
我正在建立一个响应的CSS网格的项目，其大小符合所需的纵横比。我尝试过其他一些技术中的填充攻击，但是没有什么比使用JS确定所需的列数和间隙大小的1fr像素值更好的了，然后使用repeat(auto-fill, minmax(${width}px, 0))将其应用于行大小调整不幸的是，这种方法带来了一个相当糟糕的副作用:父div (display: grid)不知道它自己内容
浏览 0提问于2020-06-29得票数 1
回答已采纳
1回答
其中一个(小的)具有动态高度(用户可以更改它)，如果需要的话，我想让另一个孩子具有相同的溢出高度。我试着用最大高度等，但还是不能这么做。}
background: red;}
background: green;<divclass="container">
<div</e
浏览 7提问于2022-10-25得票数 0
回答已采纳
1回答
我正在处理一个角对话框布局，其中打开和管理对话框的API来自不同的库。在呈现时，对话框的父容器有一个max属性，因此对话框的高度由内容的高度决定(对话框的父容器由库管理)。我只需要提供孩子的部分)。所以如果我放一个空的div，对话框的高度是0，因为div里面什么都没有。如何使
浏览 4提问于2022-01-04得票数 0
body { min-height: 100vh; }为什么子元素不能从body元素获得高度，而不像其他例子，比如背
浏览 11提问于2022-04-02得票数 -1
回答已采纳
2回答
我有一个设置了最大高度/宽度的父div。我想知道是否可以将两个子div设置为仅使用CSS即可根据百分比自动调整其高度？HTML： <div id="top"></div>
<div id="bottom
浏览 0提问于2013-07-10得票数 2
回答已采纳
我必须说，这不是一个大问题，但这是奇怪的！
我有一个带有section css的min-height: 50vh;元素。里面有一些内容。即使在将height: 100%;设置为div之后，它仍然没有获得父级的全部高度；section。这就是我不明白的原因！！一种解决方案是给section相对位置，给出div的绝对位置，并将top, bottom, left, and right设置
浏览 1提问于2018-05-26得票数 2
3回答
我有下面的 <div id='b'>Some text</div>我希望将父级的最大高度设置为100 70，将子div设置为70%，当父div增长到10070时，向子div
浏览 4提问于2015-06-23得票数 2
回答已采纳
1回答
我试着用css转换来实现div的幻灯片效果，但是很明显，这种转换只在接近的情况下起作用。HTML：CSS： overflow-y:more-details').addClass('closed').removeClass('opened&
浏览 1提问于2016-05-06得票数 0
回答已采纳
我有一个网格列，其中有一个工具提示，但是在这个例子中，我们只将它称为父div和子div。
对于设计辞职，子div必须有最小宽度/最大宽度设置。如果父div的宽度大于子div的最小宽度，那么一切都是好的，子div的行为就像您所想的那样，如果需要的话，扩展到最大宽度点。但是，如果
浏览 0提问于2015-04-02得票数 3
2回答
以未知为中心
、、
class="parent"> <img src='dog.jpg' /></div>
父div被设置为占据整个屏幕子div的宽度和高度是未知的。在一个用例中，子div</e
浏览 5提问于2013-11-18得票数 1
回答已采纳
1回答
我希望制作一个简单的html + css (如果需要的话)，其中包含两个div块，每个块为1000 of，父容器为3000 of。>
我需要div.blocks为3000 of宽度和高度1000 of；我需要div.block-a和div.block-b在1000 of宽度和自动高度上，这取决于它们内部的文本行，并且始终垂直对齐到中间，它们之间的空格也是1000 of(其余来自父块的<
浏览 1提问于2018-10-12得票数 1
回答已采纳
我正在尝试允许一个图像获取它的父级的高度和宽度。它的父项是一个网格项(Div1)，它的高度为容器的100%。我所期望和想要的
div1将取父级(容器)的高度表示div1高度应为500 50，宽度为容器的50%。图像应采用<
浏览 5提问于2021-06-25得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
