腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(1714)
视频
沙龙
1
回答
如
何在
flexbox
容器
具有
指定
高度
时
滚动
嵌套
的
flexbox
子项
、
、
我正在尝试创建
嵌套
的
Flexbox
子div (child211),以便在没有可用
的
空间
时
显示
滚动
。
Flexbox
容器
具有
预定义
的
高度
。child211
的
Flexbox
父child2有overflow: hidden。我不想
滚动
整个child2。顺便说一下:我只展示了基本
的
结构,因为在我
的
真实场景中,到最后一个d
浏览 5
提问于2019-04-02
得票数 0
1
回答
如何设置
flexbox
容器
的
高度
,使其使用“剩余空间”
、
我正在努力理解
flexbox
容器
如何与其他块交互。在我
的
页面上只需要一个
flexbox
,我就可以做我想做
的
事情。但是当我混入其他页面元素
时
,事情变得很奇怪。问题似乎出在空间分配上。我
的
flexbox
容器
似乎需要一个明确
的
高度
。如果我不
指定
这一点,我就得不到包装行为。我不确定如何
指定
flexbox
容器
的
高
浏览 2
提问于2017-03-18
得票数 6
回答已采纳
2
回答
嵌套
的
flex
容器
不伸展到剩余
的
空间
、
、
我正在尝试用
嵌套
的
容器
创建一个简单
的
柔性盒布局。 当我有一个
容器
并使用全宽度+
高度
时
,它工作得很好。问题是
嵌套
容器
也使用display: flex,但是
嵌套
容器
不使用所有剩余
的
空间(只有当它们有定义
的
宽度/
高度
时
才能工作)。<div class="
flexbox
-parent"
浏览 6
提问于2016-05-09
得票数 4
回答已采纳
1
回答
将
嵌套
子对象设置为不带
flexbox
的
可变
高度
容器
的
100%
高度
、
我在一个
高度
可变
的
容器
中有一堆
嵌套
列表,我希望所有的
嵌套
列表/子列表占据
容器
的
100%
高度
。我试过使用
flexbox
,原理上是可行
的
,但对于大约5-6个
嵌套
列表(它们都有display: flex;和flex-direction: column;)我注意到,当以编程方式添加更多
嵌套
列表
时
,Chromepadding-left: 8px; li &g
浏览 1
提问于2017-11-16
得票数 2
1
回答
分别设置两列可
滚动
和视口剩余长度
的
高度
、
、
、
、
我有一个JS Fiddle
的
工作,我想要
的
是: 它由两个单独
滚动
的
列组成,左列
的
不同部分可以轻松地通过javascript
滚动
到它,而不会影响到右边
的
列或页面的其余部分。在我的当前示例中,如果我添加了另一个元素,例如警告,#content和#侧栏将比viewport长,并且在#content
滚动
后整个页面
滚动
时
,我会得到快速
滚动
。
具有
警报和跳转
滚动
的</e
浏览 1
提问于2018-12-20
得票数 3
回答已采纳
3
回答
CSS "display:flex“添加了一些不必要
的
空间
、
如下图所示,我们有一个div
容器
,包含5个项(图标+文本)。我想显示这5个项目与始终每列3项使用柔性盒。为此,我们可以添加flex方向:列,flex: we并
指定
一个
高度
。但是,我希望div
容器
自动调整他
的
高度
以适应这三个项目的
高度
。例如,项目
高度
为10 is。然后,div
容器
应该自动
具有
30 of
的
高度
。我想优先考虑
flexbox
的
回应(为了更
浏览 5
提问于2022-03-17
得票数 0
回答已采纳
1
回答
为什么这个弯曲
的
东西有它
的
高度
限制?
、
、
我偶然发现了一些发生在我
的
弹性
子项
目上
的
事情,
如
所示。<br></div> 基本上,当设置overflow:hidden
时
,固定
高度
的
柔性箱
容
浏览 2
提问于2015-11-12
得票数 1
回答已采纳
1
回答
用
Flexbox
实现Bootstrap中多维图像
的
等高网格
、
、
、
我有不同尺寸
的
各种图像,需要在引导网格中
具有
相同
的
高度
。 如
何在
Bootstrap中复制此等大小
的
显示?我尝试过在
子项
上使用"flex 1“,但没有任何乐趣,在源代码中使用
的
"flex: 1 0 0%;”和网络上
的
其他一些等高教程也没有任何乐趣。我认为这里
的
解决方案是制作大小相等
的
矩形div,但也对获得
具有
所有比例
的
flexbox</e
浏览 36
提问于2018-06-05
得票数 0
回答已采纳
1
回答
在
Flexbox
中,右边没有溢出
滚动
项
的
空间。
、
、
我有一个场景,其中
Flexbox
中
的
子元素应该是nowrap,如果
子项
超过了允许
的
最大空间,则水平
滚动
。正如您在上面的链接中所看到
的
,右侧
的
空间被消除了。提前感谢!
浏览 0
提问于2018-12-12
得票数 0
回答已采纳
2
回答
如
何在
柔性盒中生成
嵌套
的
可
滚动
容器
?
、
我有一个柔性盒,里面
嵌套
了几个divs。在更深
的
层次上是主要内容(黄色)。我想让它水平
滚动
,但只有当.
flexbox
和.content之间
的
.content不存在
时
,它才能工作。因此,如果div存在,.content上
的
.content就不会像我预期
的
那样运行。.
flexbox<
浏览 3
提问于2017-06-26
得票数 2
回答已采纳
2
回答
flexbox
和网格系统有什么不同?
、
、
、
flexbox
和网格系统之间有什么不同?我应该在什么情况下使用每个系统?
浏览 1
提问于2018-04-30
得票数 1
2
回答
在
flexbox
中使用'height: 100%‘和'align-items: stretch’
、
、
我有一个
flexbox
,它有一个用align-items: stretch声明
的
直接子对象。在这个
flexbox
的
直接子
容器
中,我希望有一个div
容器
,它也使用其父
容器
的
全高(通过设置height: 100%)。但是,div
容器
不会伸展到父
容器
的
100%
高度
,除非我还在
flexbox
的
直接子
容器
上设置了height: 100%。
浏览 0
提问于2015-11-01
得票数 8
回答已采纳
1
回答
固定页脚,变高页眉,如
何在
它们之间添加
滚动
内容?
、
我需要组成一个页面,其中有一个页眉和页脚,以及一些文本之间
的
内容。 页面大小是固定
的
(一个iframe),并且有一个固定
高度
的
页脚,但是页眉
的
内容可以改变(它会被翻译,因此文本行数会变化)。页眉和页脚都不应该有
滚动
条。如果它们之间
的
内容很长,则应该向内容本身添加一个
滚动
条。无论我做什么,我都不能让它只在CSS上工作。我可以
滚动
到整个页面(或者顶部区域,包括页眉),或者内容div
的
文本超出了它
的
边界。
浏览 1
提问于2013-07-15
得票数 0
回答已采纳
1
回答
在
flexbox
中显示图像
的
滚动
条
、
、
、
当我在
flexbox
容器
中有一个图像
时
,当我调整窗口大小时,我得到了一个意外
的
垂直
滚动
条。图像在flex:1列
的
flexbox
容器
中有一个max-width和max-height。在某些窗口比例下一切都很好,但如果窗口
高度
较小,我会得到一个垂直
滚动
条,图像下面有一些空白区域。 你知道为什么吗?c1.staticflickr.com/3/2547/4011378891_ca862aeb8f
浏览 0
提问于2018-11-15
得票数 0
1
回答
嵌套
柔性箱优化
、
、
我只是在学习挠曲盒,我试着去了解它是如何工作
的
。我必须建立一个仪表板
的
宽度和
高度
的
视口(没有
滚动
条),一个固定
的
高度
页眉,一个固定
的
高度
页脚,和一个自动完整
的
高度
内容。所述内容由
具有
固定宽度
的
菜单和
具有
自动完全宽度和
高度
的
预览组成; 我认为这只能通过
嵌套
的
flexbo
浏览 4
提问于2015-07-02
得票数 1
回答已采纳
1
回答
Flexbox
子项
高度
跟随特定
子项
、
我想知道是否有可能让所有的
flexbox
孩子跟随特定孩子
的
身高,并在需要
时
隐藏他们
的
溢出?特定
的
孩子应该根据它
的
内容而增长。 这就是目前
的
情况: ? 这就是我想要
的
(我
指定
了图像
的
高度
): ? 那么,有没有可能在没有js和不显式
指定
任何
容器
的
高度
的
情况下实现这一点呢?
浏览 27
提问于2021-08-10
得票数 0
回答已采纳
0
回答
使用垂直偏移将元素延伸到屏幕底部
、
、
我有一个简单
的
布局,这是我从那里获取
的
。它有一个标题和一个主要内容区域。,或者如果需要容纳其
子项
,则扩展到更远。我试着摆弄
flexbox
,但我仍然不能
指定
我想让它像水平一样垂直占据所有空间。我能想到
的
只有两个选项:B)在正文上平铺背景图像,使其看起来好像内容区域一直向下延伸 有没有人能想到一种替代方案来填充视口,并且如果
子项
延伸到屏幕
的
n
的
底部,还可以包含<
浏览 3
提问于2016-07-06
得票数 2
1
回答
根据内容调整
flexbox
高度
、
我使用
的
是“全设计”
的
flexbox
。我有一个奇怪
的
问题:我有一个
容器
,它占用了所有剩余
的
空间,我希望这个
容器
中
的
孩子,也是
flexbox
,让他们
的
高度
根据他们
的
内容进行调整。div> <div class="img"><div
浏览 0
提问于2016-01-16
得票数 4
回答已采纳
1
回答
是否有可能与柔性盒同时进行“行-反”和“列-反”之类
的
操作?
、
、
在我编写
的
应用程序中,我试图创建一个二维网格系统,它可以在任意方向上无限扩展。对于熟悉LabVIEW的人来说,我试图模仿用户在VIs
的
前面板和方框图中无限期
滚动
的
能力。使用
flexbox
,我设法使它在向上、向下和左侧
的
方向上正常工作,但是向右
滚动
是有问题
的
:网格
的
工作方式是在固定大小
的
"viewport“div中
嵌套
一个可调整大小
的
”
容器
“d
浏览 2
提问于2018-05-18
得票数 2
回答已采纳
9
回答
当
flexbox
项以列模式换行时,
容器
不会增加宽度
、
、
我正在做一个
嵌套
的
flexbox
布局,它
的
工作原理如下: 最外层(ul#main)是一个水平列表,当向其中添加更多项目
时
,该列表必须向右扩展。如果它变得太大,应该有一个水平
滚动
条。这个内部列表是垂直
的
,应该在需要
的
时候换成列。当换行到更多列
时
,其宽度应该增加,以便为更多项腾出空间。这个宽度
的
增加也应该应用于外部列表
的
包含项。所有主要浏览器
的
行为方式都与相同,这与我
的</em
浏览 109
提问于2015-11-24
得票数 196
回答已采纳
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券