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