腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(766)
视频
沙龙
2
回答
位置
:-
webkit-sticky
仅
适用于
Safari
(
12.1.1
)
中
flexbox
子
容器
的
高度
、
、
、
、
position: -
webkit-sticky
使我
的
元素变得粘滞,但直到我们向上滚动到
容器
的
高度
为止。一旦我们滚动通过
容器
的
高度
,sticky element就会随着页面一起滚动。这只在
Safari
中发生(我使用
的
是
12.1.1
版本),在Chrome和Firefox中都能很好地工作。我尝试过像使用self-align: flex-start这样
的
修复方法,但它不能解决我
的
浏览 16
提问于2019-07-03
得票数 1
2
回答
Safari
:
flexbox
和min-height
、
、
我需要有一个滚动
的
flexbox
容器
与
flexbox
的
子
容器
。
容器
有一个定义
的
高度
(由
flexbox
定义),
子
容器
的
高度
应该与其内容
的
高度
相同。这在
Safari
中
工作得很好,因为在
Safari
中
,孩子不会伸展超过
容
浏览 46
提问于2020-01-28
得票数 3
回答已采纳
1
回答
Safari
9-
flexbox
align-self: flex-end不起作用
、
、
、
我无法将
子
元素与其父元素
的
末尾对齐。两者都是flex元素。父元素
的
高度
为100%,
子
元素
的
高度
为: align-self: flex-end。此设置
适用于
所有主流浏览器(Firefox、Chrome、IE/Edge),但不
适用于
Safari
9(以及一些支持
flexbox
的
旧版本)。它看起来是这样
的
: 这是一个复制-粘贴
的
例子,你可以看到
浏览 1
提问于2016-04-21
得票数 0
1
回答
Flexbox
高度
和背景图像
高度
、
、
、
我是html和CSS
的
初学者,我会尝试用可点击
的
点来制作地图,但我不明白。我收到了使用柔性盒和创建一个以地图作为背景图像
的
容器
的
提示,并创建了单独
的
容器
,这些
容器
可以为可点击
的
点保存图像按钮。该解决方案必须响应并同时
适用于
桌面和移动设备。 首先,我尝试让背景图像和点/(框)同样调整大小,然后尝试在points/( by )上设置
位置
,但我已经遇到了背景图像和父
容器</em
浏览 4
提问于2021-12-19
得票数 1
回答已采纳
2
回答
在
flexbox
中使用'height: 100%‘和'align-items: stretch’
、
、
我有一个
flexbox
,它有一个用align-items: stretch声明
的
直接
子
对象。在这个
flexbox
的
直接
子
容器
中
,我希望有一个div
容器
,它也使用其父
容器
的
全高(通过设置height: 100%)。但是,div
容器
不会伸展到父
容器
的
100%
高度
,除非我还在
flexbox
的
直接<e
浏览 0
提问于2015-11-01
得票数 8
回答已采纳
3
回答
为什么
flexbox
的
空格间隔不起作用?
、
我正在尝试实现
flexbox
,但无法使其正常工作。我遗漏了什么?我已经准备好了所有的
flexbox
供应商前缀。.main-navigation ul { display: -webkit-box; /* OLD - iOS 6-,
Safari
3.1-6, BB7 */ display: -webkit-flex; /* NEW
浏览 6
提问于2015-10-08
得票数 31
2
回答
从上到下,从左到右堆叠变高,固定宽度div在两个或更多
的
列。
、
、
、
我想要在一个固定宽度和可变
高度
的
容器
中
布局可变
高度
但固定宽度
的
div,这样子div看起来就像一个砖石式
的
模式,有两个或更多
的
列。我想要
的
是:下面是我在浮标或
FlexBox
上得到
的
信息:这是代码笔: <div class="item"> </d
浏览 5
提问于2016-07-06
得票数 0
8
回答
我
的
立场:当使用柔性盒时,粘性元件不是粘稠
的
、
、
、
我被困在这上面一小段时间了,我想分享一下这个position: sticky +
flexbox
的
问题: display: flex;} background-color: blue;.s
浏览 15
提问于2017-06-08
得票数 209
回答已采纳
1
回答
如何在不同大小
的
容器
中保持两个相同大小
的
flexbox
元素?
、
、
如果没有可视化演示,这将很难解释,所以请参阅底部
的
jsfiddle。 设置是两个列方向
的
flexbox
容器
,它们具有相对
高度
(即其父
容器
的
百分比)。两个
容器
都有固定
的
页眉和页脚。一个
容器
的
高度
总是另一个
容器
的
两倍。较大
的
容器
有两个孩子作为它
的
“内容”。较小
的
容器</e
浏览 3
提问于2018-12-05
得票数 0
2
回答
Flexbox
(flex-direction: column):当一个子项
的
宽度固定时,包装
的
子项
位置
不正确
、
、
我在flex-flow: column wrap中使用了
flexbox
布局。我正在设置
flexbox
容器
的
高度
。我想要实现
的
是让第一个
子
元素获取整个
高度
,这样下一个
子
元素就会换到下一列。在我
的
例子
中
,这些
子
节点是换行到下一列
的
,但是在它们
的
列和第一个
子
节点
的
列之间有一个巨大
的
空间。似乎我设置第
浏览 23
提问于2019-03-09
得票数 3
回答已采纳
2
回答
嵌套
的
flex
容器
不伸展到剩余
的
空间
、
、
我正在尝试用嵌套
的
容器
创建一个简单
的
柔性盒布局。<div class="
flexbox
-it
浏览 6
提问于2016-05-09
得票数 4
回答已采纳
2
回答
可滚动段落,其
高度
仅限于其父段落。
、
我想让P能够接受比
高度
所能包含
的
更多
的
文本,这样文本就可以向下滚动以被读取。DIV CLASS="others"有我想要
的
身高。
浏览 2
提问于2014-09-20
得票数 2
回答已采纳
4
回答
Twitter Bootstrap:
容器
中
的
div
高度
为100%
、
、
使用twitter bootstrap (2),我有一个带有导航栏
的
简单页面,我想在container
中
添加一个
高度
为100%
的
div (在屏幕底部)。我
的
css-fu已经生锈了,我解决不了这个问题。<body> <!100%; height: 100%; min
浏览 51
提问于2012-07-27
得票数 149
回答已采纳
5
回答
如何让一个元素达到整个页面的
高度
?
有没有一种方法可以让DIV元素占据页面上
的
所有
高度
?50%; position: absolute; left: 0;我在谷歌上搜索了几次,但它们看起来都像是非常非常复杂
的
工作,可能是一个非常非常简单
的
问题和一个简单
的
解决方案。
浏览 3
提问于2012-09-25
得票数 7
回答已采纳
2
回答
三个垂直堆叠
的
DIVs,中间滚动
、
、
是否可以垂直堆叠三个div,而只让中间
的
div垂直滚动?我不想使用像素
高度
,因为DIVs位于可调整大小
的
对话框
中
。类似这样
的
东西(请原谅我糟糕
的
ASCII艺术):| Header || ^|| Scroll||| v|| Footer |我们
的
浏览 3
提问于2010-06-10
得票数 14
回答已采纳
13
回答
Bootstrap 4
中
的
垂直对齐中心
、
、
、
、
我正在尝试使用Bootstrap 4将我
的
Container放在页面的中间,到目前为止我还没有成功。任何帮助都将不胜感激。我在 Codepen.io 所以你们可以试着使用它,让我知道什么是有效
的
,因为我几乎没有想法了…… var currentAuthor = "";function
浏览 166
提问于2017-02-15
得票数 437
回答已采纳
1
回答
Flex无法使用Epiphany将子项
的
高度
获取到flex项
的
高度
、
、
、
、
我有一个块
的
网格,其中其他块也包含在flex块
中
。
浏览 2
提问于2017-12-29
得票数 1
11
回答
位置
:粘滞在firefox
中
不工作
、
、
职位:据说粘性在火狐上工作,但我没有看到我
的
侧边栏。我
的
html如下所示: <div class="content">content<div>我
的
css: height: 2000px;}
浏览 7
提问于2014-12-17
得票数 14
回答已采纳
2
回答
IE11计算父flex
容器
高度
错误
、
、
、
我正在尝试使用基于
flexbox
的
布局来显示带有粘性页脚
的
页面。这
适用于
所有浏览器
中
的
短页面(小于窗口
高度
)。然而,同样
的
方法也
适用于
Firefox
中
的
长页面,但是IE11将
容器
元素减少到
子
元素
的
25%左右。
浏览 9
提问于2016-09-06
得票数 5
回答已采纳
2
回答
弹性方向上
的
等高行:列
、
、
这些项目应该有一个最小
的
高度
,但他们应该保持相同
的
高度
,其中一个需要增长。请参见并减小结果窗格
的
宽度;这将强制第二个.component元素增加其
高度
,但第一个.component元素
的
高度
保持不变。 是否有可能强制flex项目保持相同
的
高度
?请注意,其中
的
主要内容是两个.component元素
的
堆叠,如果没有flex-direction: column,我无法实现这一点;flex
浏览 3
提问于2016-06-21
得票数 13
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端布局神器 Grid,看这一篇就够了
Flexbox一出,谁与争锋?
如何快速学习 CSS Grid 布局-相关资源和教程推荐
前端自适应布局你需要知道的所有事
Web自适应布局你需要知道的所有事儿
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券