腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(6791)
视频
沙龙
2
回答
如何
防止
display
:
flex
项
清除
以前
的
浮动
?
、
、
看起来像
display
:
flex
item会自动
清除
之前
的
浮动
。
如何
防止
它被
清除
?(我需要前面的内容与
flex
容器重叠)。例如: .floater{ width: 200px;}
display
:
flex
; padding:12px;
浏览 37
提问于2020-01-05
得票数 0
回答已采纳
5
回答
有没有办法在使用flexbox
的
同时使用clearfix hack?
、
、
、
我一直在使用flexbox进行布局,CSS
浮动
作为旧浏览器
的
后备。总体而言,这很好用,因为理解
display
:
flex
的
浏览器会忽略任何
flex
项
上
的
浮动
。是一种广泛使用
的
技巧,它使用不可见
的
:after伪元素来使容器正确地
清除
/包含其中
的
任何
浮动
元素。然而,问题是这个伪元素被支持flexbox
的
浏览器视为
f
浏览 1
提问于2016-01-18
得票数 9
1
回答
正确对齐Css框
、
、
我
的
箱子对不对。其中一些比另一些高40 in,并具有移除图标,如图片中所示:。不幸
的
是,我不能让它们都一样高。我想正确地对齐它们,而不改变高度。以下是这些框
的
代码: margin: auto;} float: left; width
浏览 4
提问于2017-05-27
得票数 1
回答已采纳
2
回答
Flex
创造
的
利润率永远不会消失
、
、
我使用
display
:
flex
是为了在页面上居中/垂直居中。我已经设置了一个媒体查询,以便有一个移动大小
的
汉堡菜单。但是,homePage上似乎有一个右边距。无论我怎么尝试,我都不能获得离开
的
余量。这是它
的
一个jsfiddle。请帮帮我!.75em;.mainNav { margin: 0 auto;.mainNav li { <e
浏览 0
提问于2015-02-01
得票数 0
2
回答
HTML/CSS定位图像/描述布局
、
、
我正在建立一个网站布局,我试图有一个图片列表与描述围绕在他们旁边,但我想不出
如何
让段落移动到图片旁边,而不是整个布局混乱。我已经弄乱了浮点、
清除
和显示设置,但没有效果。我添加了一张我想要
的
结果
的
图片 本节
的
HTML当前如下所示: <ul id="gallery"> <a href</p> </li&g
浏览 10
提问于2015-07-01
得票数 2
回答已采纳
2
回答
不在IE和Chrome上工作
的
CSS下拉菜单
、
、
、
float: left;#menu li padding: 0 0 0 0px; margin: 2px 0 0 0; padding: 16px 0px 10px 40px;}
display
:
flex
; text-shadow: 0px 1px 0px #000
浏览 1
提问于2013-07-09
得票数 0
回答已采纳
2
回答
CSS每隔3个元素
清除
左侧一次
、
、
、
我觉得自己就像那个CSS meme中
的
peter griffin,在摆弄CSS。有没有人能解释一下我是
如何
得到3行
的
,以及为什么下面的代码不能工作?下面是一个提供更多上下文
的
height: 80px; margin-t
浏览 67
提问于2017-03-08
得票数 0
回答已采纳
1
回答
在flexbox中,为什么我们要定义容器而不是元素本身?
、
我正在尝试理解
flex
属性。.
flex
{
display
: -ms-flexbox;
display
: <
浏览 0
提问于2017-07-13
得票数 5
1
回答
如何
在flexbox中将文本环绕在对象周围(就像
浮动
一样)?
、
、
假设我有一个包含一些文本子项和一些inline-block子项
的
display
: inline容器:如果我给容器提供下面的CSS...(并将inline-block更改为inline-
flex
)
flex
-direction: row;align-items: center然后,它将文本元素视为自己
的
一个完整元素,并包装整个元素,而不是将其拆分。有没有一种&quo
浏览 11
提问于2018-01-15
得票数 13
回答已采纳
4
回答
只在
flex
项目中块元素?
、
显然,在一个
flex
项目容器中只能有块元素(内联、内联块、浮点不工作)?这很奇怪,除非我做错了,否则似乎没有用?这是笔: min-height: 100%;
flex
-direction: column;.fill-height-or-more> div {
display
:
flex
;
flex
-direction: co
浏览 7
提问于2014-11-23
得票数 16
回答已采纳
2
回答
如果前一个同级是
浮动
的
,
Flex
容器溢出
、
、
、
如果前一个同级
项
设置为宽度为100%
的
float,而后面的同级
项
设置为
display
:
flex
,则后者会溢出父容器,而不是换行到新行。对于除
flex
(或grid)以外
的
任何其他
display
值,它都应该进行包装,所以当设置为
flex
时,它为什么不会进行包装.float-left { width: 100%; <em
浏览 0
提问于2017-08-29
得票数 6
3
回答
如何
将h1分组并一起列出?
、
我正在尝试制作一个标题菜单,在右侧有水平列表(导航区或菜单),左侧有h1 (网站名称)(两者都使用
浮动
标记来实现)。我尝试使用header、nav和div标签将这两个文件组合在一起,但都不起作用。h1和ul标签表现得好像是分开
的
,而不是分组
的
。当我给分组标签(Div,header,nav)背景颜色时,没有任何反应,但是当我给它一个颜色时:...里面的所有文本都会改变颜色,所以至少这是可行
的
。background-color: aquamarine;} float: left;
浏览 1
提问于2020-04-07
得票数 0
3
回答
我读过
的
书都没有用
、
我读过堆栈溢出
的
其他帖子,但到目前为止没有一篇文章起作用。我现在面临
的
问题是,两个div不会并排坐着。 我有一个主要
的
内容div,我有一个小
的
appbar div,我试图把它直接放到内容
的
右边。我尝试过
的
每一件事都导致appbar div在我
的
页脚下面,或者导致内容在容器下面。
浏览 3
提问于2014-06-13
得票数 0
回答已采纳
3
回答
如何
在css flexbox中断开行(“
清除
”元素)
、
是否可以“
清除
”"
display
:
flex
“容器中
的
元素?我想要达到这样
的
效果:有了
浮动
,我可以用适当
的
媒体查询在每5个元素后“
清除
”…
浏览 81
提问于2015-03-26
得票数 26
回答已采纳
6
回答
CSS容器div未获取高度
、
、
我想让我
的
容器div得到它
的
子高度
的
max
的
高度。而不知道子div会有多高。我在上试过了。容器div亮起红色。却没有出现。为什么?
浏览 1
提问于2011-10-19
得票数 118
回答已采纳
1
回答
浮动
元素会影响下面的静态元素吗?
、
、
我最近在学习web开发,并对
浮动
的
概念感到困惑。这是我
的
代码。
浏览 1
提问于2020-04-02
得票数 0
1
回答
为什么::当我添加显示:
flex
还是内联-
flex
时,第一个字母就停止工作?
、
、
、
我为我
的
::first-letter元素实现了一些p样式。但是,当我添加
display
: inline-
flex
使它们内联时,所有的::first-letter样式都停止工作。
如何
在保持::first-letter样式
的
同时使元素内联?font-size: 25px; } p {
display
: inl
浏览 2
提问于2017-04-04
得票数 5
回答已采纳
2
回答
Ul表,如css中
的
、
我正在痛苦地创建一个很好
的
菜单,包括ul和li项目。例如,当我只有4个项目菜单,我给他们相同
的
宽度20%,它永远不会中断,同样
的
工作,即使是6个项目菜单,我给他们16,66666%
的
宽度,CSS支持。但现在有一个问题,这只适用于宽度相同
的
项目,我正在寻找
的
是不同宽度
项
的
解决方案,并且有一个条件,容器必须是每次100%或1000´(简单
的
全宽度),而li‘s
的
容器不能溢出,容器必须居中如下: <divwidth:
浏览 7
提问于2014-02-15
得票数 0
回答已采纳
2
回答
将两个div并排放置在带有浮点
的
1 div中会影响该div内
的
背景色。
、
嗨,我试图为我
的
部落建立一个网站,但我有问题
浮动
在CSS。这就是我想做
的
我正试图在1div中并排创建2个div,但是它一直在消失部落覆盖类
的
背景色。如果我应该使用
display
:内联块;因为float: left;似乎会使背景色变差,我真的很困惑。
浏览 1
提问于2016-03-27
得票数 1
回答已采纳
3
回答
对齐按钮向右反应
、
、
、
这是我
的
尝试。 <Button variant="contained" style={{
display
: '
flex
', justifyContent: 'right'}} color="primary" className
浏览 1
提问于2019-05-19
得票数 6
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
10 分钟理解BFC的作用及原理
CSS-常见布局介绍
前端设计,CSS 常用布局解决方案
CSS之盒模型(二)
Web自适应布局你需要知道的所有事儿
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券