2回答
我想一个，标签采取100%的页面和我的卡片是可滚动的，当他们的内容是溢出。但是我不能正确地处理卡片溢出:滚动条是不可滚动的。我所有的容器都使用了flexbox规则。Report<br> </div>
浏览 9提问于2019-06-14得票数 0
因此，我试图做到以下几点：我在顶部有一个全宽度/设置高度工具栏，上面有flex-grow: 0，下面还有一个带有flex-grow: 1的容器。这似乎是可行的，直到我加入两个可滚动的容器，这些容器粘在应用程序的右侧。我似乎无法让这两个“可滚动”区域执行类似于height: 50%; overflow: hidden; overflow-y: scroll<em
浏览 1提问于2016-02-11得票数 0
回答已采纳
1回答
我正在制作一个组件，并试图在不使用javascript的情况下实现以下功能(理想情况下使用flexbox )。把它想象成一个带有页眉的信使聊天屏幕和一个带有控件的页脚。
1和3的高度也是动态的(可能是<
浏览 0提问于2018-05-23得票数 0
回答已采纳
1回答
BS4卡无法放入父目录
、、、
这个parent-div的高度是动态的。现在我遇到的问题是这两张卡不能放在parent-div中。我怀疑这里的问题是较低的卡内的表，这可能是没有响应，也没有触发它的溢出。因此，我想要实现的是这两张卡很好地适合在parent-div中，只有表调整(触发器溢出)才能使它们适合。我在这里重现了我的问题：https://stackblitz.com/edit/bootstrap-8h1b14?file=
浏览 10提问于2020-10-23得票数 0
0回答
我有一个具有两列设置的flexbox容器，其中的列具有相同的高度。divs运行良好，我可以看到它们的背景颜色正确地排列在一起。但是，当我在每一列中放一张纸卡片时，卡片不会填满空格-因此，如果左边的卡片比右边的卡片长，我会在右边卡片下面的空白处看到背景颜色。
当尝试设置高度: 100%时，卡片变得超长，并将整个页面向下推。如果我将
浏览 6提问于2016-12-15得票数 1
我的问题可能最好用例子来解释。以下jsfiddle将在Chrome中运行：
max-height: 100px;
它会断掉。它现在似乎认为我的列表现在是零高度！
浏览 6提问于2014-04-07得票数 35
我正在努力理解flexbox容器如何与其他块交互。在我的页面上只需要一个flexbox，我就可以做我想做的事情。但是当我混入其他页面元素时，事情变得很奇怪。问题似乎出在空间分配上。我的flexbox容器似乎需要一个明确的高度。如果我不指定这一点，我就得不到包装行为。我不确定如何指定flexbox容器的高度。如果我将flexbox
浏览 2提问于2017-03-18得票数 6
回答已采纳
1回答
正如标题所说，我的页面是可滚动的，而实际上它不应该滚动。 我使用的是一个与居中卡片相结合的工具栏。V形容器是填充高度的，其中的布局居中。V-工具栏有一个属性'app'，它根据工具栏的高度给出v-content的顶部填充。由于这种填充，整个页面是可滚动<em
浏览 56提问于2019-03-14得票数 3
回答已采纳
我正在尝试让material-card (mat-card)占用屏幕上的可用空间，然后使其内容(mat-card- content )可滚动，因为内容中的项目占用的空间比可用空间大。我曾尝试使用以下CSS，但这只是一个部分解决方案，因为我对内容使用了固定的高度。.mat-card-content { overflow: auto;
} 这里的问题是不同的</e
浏览 29提问于2020-01-04得票数 1
回答已采纳
2回答
我用flexbox和vuetify创建了布局，其中卡片包含页眉和页脚，以及它们之间的可滚动内容。<div id="app"> <v-container fluid style="h
浏览 3提问于2020-09-18得票数 1
1回答
当卡片列表还不能滚动时，我需要修复屏幕底部的add按钮，但是当卡片列表增加大小并且滚动视图现在能够滚动(查看所有内容)时，按钮必须跟随列表，不再固定在底部。现在，我为解决这个问题所做的就是每次删除卡片时检查滚动视图，如果我检查屏幕现在是可滚动的还是不可滚动的，我会更改构建小部件的一些属性：
SingleChildScrollV
浏览 4提问于2021-02-01得票数 0
回答已采纳
1回答
假设我有一个有4列和1行的网格框。父容器1和2是此网格框的子容器。父container1的colspan为3，container2的colspan为1列。这两个容器都有多个子组件，它们都是响应性的，并且在调整窗口大小时更改大小。子5组件的内部有一个表，包含在250+记录上。其目标是使此表具有完全相同内容高度的网格框，并且不知道父容器或子容器的任何
浏览 3提问于2021-04-25得票数 0
1回答
因此，我一直试图在vuetify中创建一个具有特定布局的V-Card。卡的顶部将在大小上变化，因此我需要能够将卡的底部对齐到底部。所以我试着在这里做下面的代码，它应该允许第一部分“增长”以填充高度，然后第二部分“收缩”并停留在底部… 然而，没有成功..我可能只是做错了什么，但我正在拔掉我的头发...下面是我的代码： <v-card shaped color="white" height="100%" width="
浏览 22提问于2020-04-22得票数 0
回答已采纳
这个是可能的吗？</td></tr></div>
我需要滚动视图去伸展到视口的底部，所以它将滚动，如果number of rows * height of the row溢出从滚动视图。这样我就可以保持滚动视图上方的所有块都是“固定的”。我不能对这些元素使用固定位置，因为它们在另一个容器中，而那个<em
浏览 3提问于2015-06-25得票数 2
我有一个高度为100vh的面板，所以100%的屏幕(但由于某种原因，高度: 100%不工作)。
此面板必须显示一个包含其自身内容和页脚的div。页脚通常显示在该面板下，但在首页它必须在它里面，所以我必须禁用正常的页脚，并在面板内调用它。因此，它必须具有position: absolute和bottom: 0。现在的问题是，页脚采用了自己的高度(在调整窗口宽度时会有一些变化)，而面板
浏览 6提问于2018-01-25得票数 0
我有一个由页眉、页脚和具有可滚动正文的表格组成的页面。
是否可以仅使用CSS根据剩余可用空间调整表体的大小？我不喜欢使用flexbox，但如果flexbox似乎是最好的</e
浏览 22提问于2017-03-14得票数 1
我需要有一个滚动的flexbox容器与flexbox的子容器。容器有一个定义的高度(由flexbox定义)，子容器的高度应该与其内容的高度相同。这在Safari中工作得很好，因为在Safari中，孩子不会伸展超过容器的高度。实际上，Safari中的<
浏览 46提问于2020-01-28得票数 3
回答已采纳
我正在创建一个卡片样式的布局，在这个布局中，单个卡片垂直堆叠。在较高的屏幕宽度下，使用的卡片列越来越多--使用尽可能少的垂直空间。
我使用flex-flow: column wrap布局来实现这一点。然而，我发现容器需要有一个height或max-height，以鼓励卡片包装。考虑到卡片的数量和它们各自的大小可能会改变，如果不切断物品或在下面有过
浏览 2提问于2015-12-03得票数 6
1回答
我有一个JS Fiddle的工作，我想要的是：height:calc(100vh - 90px);
当然，这在不同的浏览器、设备和分辨率上可能不起作用。具有警报和跳转滚动</em
浏览 1提问于2018-12-20得票数 3
回答已采纳
1回答
我肯定我错过了一些简单的东西，但我无法为我的生活找到答案。
我怎样才能阻止其他卡片与它们的父元素一起扩展，并让它们保持足够的高度来显示内容？只有扩展卡才能改变<em
浏览 7提问于2017-06-21得票数 8
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
