CSS网格固定高度滚动容器防止内部背景占据整个高度

文章/答案/技术大牛

发布

1回答

css、css-grid

我有一个固定高度的滚动div，里面有一个滚动条，一个标题和一些内容。我希望侧栏占据了固定高度容器的全部高度，但是背景仅限于滚动高度，并被切断。无法将包装设置为滚动。在下面的代码片段中，可以通过滚动容器来看到这一点。

浏览 30提问于2020-11-08得票数 0

1回答

将固定背景与CSS calc对齐

css、responsive-design、fixed、background-position、background-attachment

让我先解释一下:我有一个响应性的设计，需要在某些情况下(媒体查询块)修复背景。所讨论的设计是这样的：基本上有两个媒体查询:一个是关于最大高度的查询，一个是关于最小宽度的查询。如果有足够的视口高度，则在内容区域有一个滚动条，并且设计高度是固定的。但是，如果视口不够大，无法显示预定义的高度，那么高度中介查询将从内部div中删除滚动条，这样就不会有两个嵌套的滚动容器(body + d

浏览 4提问于2014-07-18得票数 0

1回答

CSS -确保CSS网格的前两行等于屏幕的剩余高度(不包括标题)

html、css、css-grid

我想知道我的CSS网格的前两行是否可以等于不包括标题的屏幕的高度。标题下面的内容容器已被设置为溢出: auto，但我只希望网格的前两行等于内容容器的高度(不溢出)。我的网格共有3行，基本上，我希望前两行在不溢出的情况下占据容器的整个高度，然后第三行在屏幕上完全不可见，除非容器向下滚动。请让我知道我的解释是否混乱，因为我对CSS<

浏览 3提问于2020-07-02得票数 1

回答已采纳

2回答

如何隐藏这些选项，以便使用滚动条来达到它们？

html、css、scrollbar、overflow、html-lists

问题是:我能做些什么来防止这种情况，并让其他选项像“在”div下一样，这样我就可以滚动到它们了？这是css代码： background-color: #E63946; width: 100%; grid-column: 1

浏览 9提问于2022-06-12得票数 0

回答已采纳

1回答

是否阻止RowHeight =自动拉伸我的网格？

wpf、grid、autosize

网格开始填满整个屏幕，并且不应该变得更大-用户必须能够始终看到整个网格(行中的滚动条是可以的，但不是整个网格的滚动条)。问题的症结在于:当用户创建一个或多个“自动”大小的行时，这些行中的内容可能会强制整个网格的大小扩展，从而引入滚动条，即使我已经将网格的最大高度设置为一个固定的数字。为了说明，我有一个固定最大高度</em

浏览 1提问于2011-07-22得票数 1

回答已采纳

1回答

防止后台滚动

javascript、jquery、css

我想要防止滚动背景时，我显示一个固定的全宽度/高度div。经过几个小时的测试和研究，我做了以下工作：$('.navbar').on('shown.bs.collapse', function (e) {}) $('.navbar&#x

浏览 0提问于2019-02-22得票数 1

回答已采纳

1回答

ScrollView中的网格高度问题

c#、xamarin、grid、scrollview

我有一个网格，在一个ScrollView中行的高度为Auto，因为根据内部文本的不同，行可以具有更大的高度。我的问题是，由于我的网格没有固定的高度(例如，我不希望它固定在10000，例如，如果只有2行)，它只是取scollview的高度，如果没有足够的空间，我的行会被截断，而不是取它们所需的大小，放大滚动视图编辑:第一张图片，网格高度固定为2000，滚动

浏览 15提问于2021-06-02得票数 0

回答已采纳

2回答

Kendo网格中锁定和未锁定列的高度不匹配

javascript、jquery、kendo-ui、kendo-grid

我有Kendo UI网格，它有一个锁定的列，它具有动态宽度和高度。网格的容器正在CSS中调整大小，我使用kendo.resize($("#grid"))来适应网格，一切都很完美。如果可能的话，列应该占据整个网格，而不显示底部滚动条，但是它们也有最小的高度。因此，我计算列的宽度并将其设置为它们，但是当我在未锁定的列容器中有水平滚动条时，锁定的<e

浏览 1提问于2015-01-12得票数 4

回答已采纳

2回答

在具有滚动-y的div顶部浮动div。

jquery、html、css、fixed

所以当用户滚动div (注意div)时，我想要一个div滚动。下面是html：<div class="container">content因此，容器的高度约为700 So(动态高度取决于内部内容)，但它在css中设置为y和x。因此，当滚动内容

浏览 6提问于2014-04-08得票数 1

1回答

如何使用angular设置列高以包含整个窗口和所有内容？

javascript、jquery、html、css、angularjs

如何将列的高度设置为窗口的高度，并且所有的窗口都包含内容。我尝试了一堆解决方案(css、jquery、javascript)，但似乎都不适合我。当前结果:当滚动经过窗口时，列占据窗口的高度，但背景颜色被截断。&#x

浏览 1提问于2014-10-12得票数 0

3回答

两个水平滚动条

javascript、css、asp.net-mvc、html、codepen

当我从代码笔嵌入日历小部件时，我的网站中有两个滚动条一个滚动条移动主体，另一个像使用asp.net mvc5那样移动整个页面，所以我从共享布局中调用了页眉、页脚和侧栏。使用只需隐藏主页的滚动条。单涡旋如何移除移动内体的滚动条？

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

回答已采纳

6回答

用于使图像响应于包含元素的宽度和可见高度的CSS。

html、css

我需要图像来获取容器的整个宽度，除非结果的高度大于可用容器的视口高度。} 假设我有很多内容

浏览 0提问于2016-12-26得票数 4

1回答

固定页眉和页脚，在1fr CSS网格区域内具有可滚动的侧边栏

css、css-grid

我有一个webapp的CSS网格布局，有一个固定大小的页眉和页脚(用rem单元定义)和一个可扩展的中心行(定义为1fr)，其中包含两个侧边栏和一个中央内容区域。外部栅格容器定义了宽度和高度，以填充视口(100vw/vh)。我希望中间的一行占据页眉和页脚之间的所有空间，并使任何溢出的页面滚动，而不是扩大页面的高度。额外的内容使页面更长，而不是使区域可滚动。我不想对中间行使用固定的大小，因为我希望它可以扩展以

浏览 2提问于2017-10-13得票数 1

3回答

如何在没有垂直滚动条的情况下设置100 %的高度？

javascript、html、css

上下文当我在100%的所有父元素上设置一个高度时，就会得到一个垂直滚动条。我找到了一些关于“保证金崩溃”的答案，但没有什么能解决我的问题。如果没有滚动条，100vh也将无法工作。下面是设置高度</

浏览 3提问于2020-07-02得票数 0

回答已采纳

1回答

中间垂直网格在片段中

android、android-fragments、android-gridview

我试图在一个grid内部对齐中心和垂直的一个fragment元素。android:stretchMode="columnWidth" /> 似乎layout_gravity和gravity都是“中心化”(请允许我使用这个诗意的许可)网格

浏览 4提问于2014-10-27得票数 0

1回答

我希望引导“内容”容器有两个容器，一个固定高度，一个带有百分比。

html、css、twitter-bootstrap、containers、css-calc

如所示，我希望使引导带content-inner的内部响应。在内容-内框中我有

浏览 1提问于2017-07-18得票数 2

回答已采纳

2回答

背景图像显示为溢出容器

css

我正在使用Firebug来处理我的CSS。这是如何/为什么？注意:这是一个使用normalize.css作为重置的Drupal站点。当我谈

浏览 0提问于2013-06-02得票数 0

回答已采纳

1回答

理想的固定背景图像大小？

html、background-image、fixed

我在玩一个固定的容器背景图像，以产生一个很酷的效果，但我怀疑背景图像应该是多大才能避免重复。图像被居中并缩放以占据容器。在本例中，我的容器的高度为310 my，宽度等于访问者计算机屏幕的宽度。是否有一些关于图像应该如何调整大小的指导方针，以避免在页面向下滚动时使其伸缩、丑陋或重复？

浏览 2提问于2014-09-06得票数 0

回答已采纳

2回答

CSS 960填充页面

css、height、fill

我使用的是，我想让我的container_12类填充整个页面。我试过了： background-image:url(..

浏览 0提问于2012-12-31得票数 1

回答已采纳

1回答

火狐v36和大浏览器中的CSS* Flexbox问题*

css、firefox、flexbox

我试图使用CSS (display: flex)来占据窗口的剩余高度。我也想要滚动..。也许我做错了这件事，但我一直在寻找其他的选择。这个想法是有一个固定的容器。在这个固定的容器内是一个挠曲箱，占高度的100%。我将项添加到列中堆栈的flex框中。我添加的最后一项(容器包装)中的动态内容将通过AJAX调用替换HTML (否则，我只需将操作栏移出包装器并完成)。这个内容包装器也是一个flex容器(以

浏览 2提问于2015-04-01得票数 0

回答已采纳

点击加载更多