CSS网格忽略最大高度

文章/答案/技术大牛

发布

1回答

css、layout、flexbox、css-grid

我有一个非图形应用程序的复杂布局网格，这应该是灵活的不同大小的网格。非图形如下所示，内部网格不保证是任何特定的大小或列与行的比率。此外，行和列的标题将具有未知数量的元素 ? 在较小的屏幕上，我的应用程序看起来很好，网格也会缩小；但随着你增加大小，一旦你达到了高度应该受到限制的地步，网格就会扩展到用完所有可用宽度，同时保持其他比例，并突出底部。; width: 100%;&l

浏览 25提问于2021-09-15得票数 0

3回答

CSS网格布局:三行网格

html、css、jsfiddle、grid-layout

我很好奇是否可以使用Grid布局CSS来创建这样的东西：* row #1 ************************************************* 第1行与网格顶部对齐，可以更改其高度(但具有最大高度值)。

浏览 6提问于2013-12-31得票数 0

回答已采纳

0回答

z-index忽略最大高度并始终位于顶部

css

在上图中，块列表的最大高度为overflow-y: scoll。但是，当单击more图标时，我希望下拉菜单覆盖所有内容，并忽略父div的最大高度。使用css可以吗？

浏览 10提问于2018-07-18得票数 0

回答已采纳

2回答

CSS网格-行的高度相同(最大高度)

html、css、css-grid

我正在尝试使我的行在CSS网格中具有相同的高度，但同时，应该有一个由vh指定的最大高度。我想要的是，如果有4行，最大高度为100vh，4行中当前最大的高度是70vh，我希望所有行都是70vh。但是，如果最大的高度应该是120vh，那么我希望所有行的高度都是100vh。有没有办法做到这一点？下面是我到目前为止的代码，我是CSS网格的新手，所以请帮帮

浏览 53提问于2020-06-29得票数 1

回答已采纳

1回答

使css网格的行高独立相等

css、css-grid

我正在尝试制作一个等高行的css网格(这是一个产品网格)。现在所有的行都是等高的，但它们应该独立地等高，这意味着不是所有的行都应该是相同的高度，只是每一行都应该是该特定行上最大列的高度。现在我的css是这样的： grid-template-columns: repeat(4, 1fr);grid-column-gap: 0;display: grid; 但是，如何才能使每一行根据给定

浏览 7提问于2021-01-22得票数 0

回答已采纳

1回答

我在一个网站上工作，在那里我以3x4的网格列出了12个帖子。我使用绝对定位和JS代码来计算每个框的顶部和左侧位置(我使用这种方法，因为每个帖子都有不同的高度，并且它必须是从左到右的顺序。我使用.outerHeight()来获取每个帖子的高度并计算顶部位置。最后，我选择最大的列高度，并将其设置为容器高度。我的问题是:当我打开页面时，JS代码生成了我想要的布局，它通常可以正常工作。但也有一些尝试，当它得到坏值时，每一列都垂直滑动在一起，它还计算容器的坏高度。我怎么才能让

浏览 10提问于2021-08-28得票数 0

2回答

吴-网格-柔性-高度.re 2.0.8没有正确调整尺寸

angularjs、angular-ui、ng-grid

我的高度设置为300 to，一次只显示25条记录，但是网格正在同时显示所有可用的数据。谢谢!乔希

浏览 5提问于2013-12-03得票数 2

回答已采纳

6回答

在Firefox中忽略Max-height，在Chrome和Safari中有效

firefox、cross-browser、css

我希望将图像的高度和宽度限制在窗口的最大高度和宽度的80%，这样就不需要任何正常大小的滚动条了。下面是我使用的CSS： max-width: 80%;}非常感谢你的帮助。

浏览 1提问于2010-10-14得票数 15

1回答

只显示一行并在CSS网格中隐藏其他行

html、css、reactjs、css-grid

我只想显示网格的第一行，并隐藏其他行。

浏览 0提问于2020-07-31得票数 2

1回答

最大高度-当窗口调整大小时改变？

html、css、zurb-foundation

我有一个基础的块网格，这里面有大量的图片。 <li><div style="background-image: url(my-img.jpg)"></div></li> CSS然而，当窗口调整大小时，300p

浏览 3提问于2014-11-24得票数 0

1回答

最大高度不能正常工作。

javascript、jquery、css、twitter-bootstrap

我正面临一个问题，最大高度应用到一个div在引导模式对话框。这里是小提琴手：.multiline-validation{max-height:100px;overflow-y:auto;} 我想知道我的代码有什么

浏览 1提问于2015-06-17得票数 0

7回答

是否根据行数调整jqGrid的大小？

javascript、jquery、css、jqgrid

假设它当前有10行，那么jqGrid的高度将缩小到10行(这样就不会暴露任何空行)。但是，如果行太多，网格的高度将扩展到最大的“高度”值，并且会出现滚动条。

浏览 1提问于2009-12-29得票数 21

回答已采纳

1回答

对象适配:盖子和IE11

internet-explorer-11、object-fit

我使用object fit: cover；在我的CSS中对页面上的图像进行排列，因为它们需要相同的高度。它在大多数浏览器中工作得很好，但是IE11正在扭曲图像。

浏览 5提问于2021-03-03得票数 0

回答已采纳

1回答

CSS3列和UIWebView

ios、uiwebview、css

使用CSS3列获取一些较大的文本文档，并使其水平滚动。我希望每一列都接近iPad屏幕的大小，因为我在UIWebView中显示内容。文本以包含和列的最大高度设置为水平停止。

浏览 4提问于2010-11-18得票数 1

2回答

如何设置CSS网格的最大高度

html、css、sass

我有以下CSS网格： display: grid; grid-template-rows1fr; 'a b c ' 'g h i' } 我希望网格有一个固定的高度为我还试图

浏览 0提问于2017-10-12得票数 8

回答已采纳

1回答

剑道冻结(锁定)栅格高度

javascript、jquery、angularjs、kendo-ui

我们正在使用一个带有一些元素作为锁定的网格。我们已经使用css设置了网格的最小和最大高度。.k-grid-content { min-height: 0px;我们面临着设置锁定网格高度的问题。如果我们不设置网格的高度，在锁定的一侧的一些行在底部变白。那么我们如何动态设置网格的高度呢？我们已经通过了这个链接，但它不起作用，因为它假设<em

浏览 0提问于2017-03-27得票数 1

3回答