腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
flexbox
列
中
的
重叠
div
、
我正在创建一个MailChimp超文本标记语言电子邮件模板,并有排序
的
结构。 我有一个我在illustrator
中
创建
的
图像,我想将其作为midContent
的
背景。我希望这个background image
的
亮蓝部分与上面的图像
重叠
。我试过使用z-index,但它似乎不起作用。对于这种任务,flex-box
列
合适吗?或者我应该使用其他
列
? </p>
浏览 9
提问于2019-03-15
得票数 2
回答已采纳
1
回答
如何使用
flexbox
在Firefox
中
显示响应图像
、
、
、
我不明白如何在Firefox中用
flexbox
创建一个垂直对齐
的
图像。但不是在Firefox
中
: .wrapper { top: 10px; left: 10px; right: 10px
浏览 0
提问于2016-05-30
得票数 0
2
回答
如何使
div
中
的
链接在另一个
div
下可点击,但不改变
div
宽度?
、
、
、
、
如何使
div
中
的
link-1在另一个
div
下可点击,但不改变
div
宽度?
div
{border: 1px solid black;position:absolute;} text-align: right;top:0px;} <
div</e
浏览 17
提问于2021-09-14
得票数 0
7
回答
Flexbox
列
重叠
我正在尝试使用
flexbox
模拟WinJS分组列表视图。我正在接近(我认为),除了在调整大小时
列
重叠
。 我希望项目留在组内,让组水平增长。
浏览 7
提问于2014-10-21
得票数 18
1
回答
在表单元格中使用Bootstrap4/
Flexbox
,将单元格拆分为两
列
,其中一
列
是绝对位置
、
、
、
、
我有一个包含6个表列
的
html表。标题为零件描述
的
表列被拆分为2个弹性框
列
。第一个
flexbox
列
很好。第二个
flexbox
列
是问题所在。 第二
列
包含一个绝对定位
的
选择框,我希望在表单元格
中
右对齐它。在单元格
中
,我使用了一个
flexbox
div
,并将每一
列
包装在这个
div
中
。问题:- Alternatives
浏览 12
提问于2020-05-19
得票数 1
回答已采纳
2
回答
CSS
Flexbox
-为什么我
的
图像
重叠
?
、
、
这里是
flexbox
的
新手。我正在创建一个媒体查询,以便当窗口折叠或在移动设备上时,
flexbox
项折叠成一
列
,而不是并排。我已经成功地用其他元素实现了这一点,但由于某些原因,下面的图像是
重叠
的
,而不是折叠成一
列
。我没有设置position: absolute; 注意:我是在Salesforce上开发
的
,所以图像src是一个Salesforce特定
的
函数 HTML: <
div
class="conta
浏览 41
提问于2021-01-20
得票数 0
回答已采纳
1
回答
将子元素与
flexbox
对齐
、
我有一个具有行方向
的
父Flex容器(.content-
flexbox
-row),在这个容器
中
,我正在创建另一个具有
列
方向(3
列
)
的
flex。第一
列
我有3个项目,第二
列
我有1个项目,第三
列
我有2个项目。我希望第2
列
和第3
列
数据从头开始,而不是从中
浏览 3
提问于2017-04-12
得票数 1
1
回答
Flexbox
列
中
的
flexbox
行
、
、
我有一个这样
的
布局: <
div
class="header"></
div
> <
div
class="footer"></
div
> <
浏览 0
提问于2016-05-22
得票数 8
回答已采纳
5
回答
Flex-direction
列
使flex项与IE11
重叠
、
、
、
、
我在IE11
中
使用
flexbox
遇到了一个问题。使用flex-direction: column时,flex-items
重叠
: ? 在其他浏览器(chrome,safari)
中
,它看起来像这样: ? .container { flex-direction: column;.flex {} <
div
class="container"> <
div
cla
浏览 202
提问于2017-03-13
得票数 32
回答已采纳
1
回答
在柔性箱
中
,一个高于另一个。
、
、
、
、
我
的
想法是,当我
的
布尔变量是true时,不透明
的
灰色容器与橙色
重叠
,与较高
的
z-index
重叠
。但是我需要包装上
的
flexbox
。目前,我对z-index
的
想法失败了,而且是一排排
的
。 我如何解决这个问题,将灰色放在橙色( 100% width和包装器
的
高度)之上,并且仍然使用
flexbox
。重要:当它
重叠</e
浏览 0
提问于2016-06-30
得票数 1
回答已采纳
1
回答
CSS在任何分辨率
中
调整高度/宽度
、
我正在努力建立一个能在电视屏幕上运行
的
东西,它
的
分辨率会很大,但可能是任何东西。我想出了下面的HTML/CSS组合,它几乎可以工作(但是,如果高度太小,表
的
底部与页脚
的
底部
重叠
,表右侧
的
填充物与右手边
重叠
)HTML: <
div
class="
f
浏览 1
提问于2015-05-10
得票数 2
回答已采纳
2
回答
你能做一个嵌套式
的
挠曲箱吗?
、
、
在下面的代码片段
中
,我有两个
flexbox
容器:一个主容器,包装行,第二个容器,嵌套在第一个容器
中
,它有一个
列
方向。我想把红、绿、蓝
的
容器展示成这样:red | blackgreen | grayblue | ------------------------------------------------ 这是一
浏览 1
提问于2018-05-13
得票数 3
回答已采纳
1
回答
使用React/网格
的
两
列
(一个固定,一个卷轴)
、
、
、
、
我所追求
的
功能如下: 但是,我希望在强制修复导航
列
时保留此功能。到目前为止,我已经尝试在.nav-column下在App.css中使用App.css,这导致了导航与内容
重叠
。 我使用
的
是React 16.7.0和“react
fl
浏览 0
提问于2019-01-25
得票数 4
1
回答
Bootstrap 4:在
flexbox
项目中对齐项目
、
、
、
、
我正在使用Bootstrap 4和
Flexbox
来对齐行
中
的
列
。我需要所有
列
的
高度相同。因此,我使用"align-items-stretch“()类为它们提供相同
的
高度。现在,我希望将
列
中
的
内容与底部对齐。<
div
class="row d-flex align-items-stre
浏览 5
提问于2017-02-28
得票数 3
回答已采纳
2
回答
如何在CSS中使
div
中
两个
重叠
的
圆圈居中?
、
我试图在一个
div
中
居中两个
重叠
的
圆圈,但由于边距-right -100
的
样式,它不起作用。这就是导致它们
重叠
的
风格。我试着在它周围
的
div
上设置边距
的
样式:0 auto,但它不起作用。我还尝试使用一些bootstrap和生成
列
来帮助它们居中,但到目前为止都没有起作用。我已经在下面添加了一个合适
的
演示代码。 4em; font-family:
浏览 111
提问于2020-06-16
得票数 2
回答已采纳
2
回答
Flexbox
布局使移动视图中
的
页脚保持
重叠
。
、
、
我试图使用带有页眉和页脚
的
柔性盒
列
布局。当浏览器最大化时,布局看起来是干净
的
。当您调整窗口
的
大小时(就像在电话上查看),我试图将块堆栈起来,但是主内容与左
列
重叠
,右
列
与页脚
重叠
。 display: -webkit-box; display: -ms-
flexbox
; -: 0;
浏览 5
提问于2016-05-10
得票数 3
回答已采纳
1
回答
居中,除非发生
重叠
、
我正在尝试完成一个包含3个组件
的
工具栏布局。左边和中间
的
大小很灵活,以至于我认为标准
的
响应式断点不能完成这项工作。在空间允许
的
情况下,弹性中心应相对于视口居中。但是,如果中心和左侧
重叠
,则允许中心部分偏离中心,以避免必须隐藏内容。 带有窄视口
的
工具栏。请注意,部分标题并不完全居中。这是可取
的
,因为它会与面包屑
重叠
:我想也许
flexbox
可以做到这一点,但我正在努力让它工作。下
浏览 0
提问于2015-02-27
得票数 1
1
回答
CSS
Flexbox
全高
列
、
我试图使用
Flexbox
创建一个简单
的
两
列
网页,它占据了整个页面的宽度和高度。左边
的
列
是200px
的
固定宽度,而右边
的
列
占用剩余
的
空间。到目前为止,我已经: overflow-x: hidden;} min-height: 100% &l
浏览 0
提问于2017-10-16
得票数 0
2
回答
设计三
列
布局时BFC
重叠
、
100px; text-overflow: ellipsis; display:inline-block;<
div
class="container"> <
div
class="left">left</
div
&g
浏览 3
提问于2019-02-07
得票数 0
1
回答
当使用gap时,如何正确地将flex项目设置为50%?
、
、
因此,我似乎误解了关于柔性盒
的
一些东西,不能正确地解决这个问题。 我有一个柔性箱容器,它包含四个
列
,它们是柔性箱容器
的
直接子
列
。一旦浏览器窗口宽度达到992px和更低,我想要更改,这样..
flexbox
项就占用了容器
的
50%
的
宽度。问题:我如何正确地确保一旦浏览器窗口是992 so或更低,每个
flexbox
项占50%,这样我就可以在每一行中有两
列
,因为显然我可以使用“宽度”属性并给它假设45%
的
属性,它将工作,但对我
浏览 6
提问于2022-05-25
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
根据用户输入自动判断新列:示例中的列
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
使用Python更改数据框中的指定列
20条CSS高级技巧
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券