腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4605)
视频
沙龙
3
回答
为什么
position
:
fixed
;不
能与
justify-content
:
space-between
一起
使用
?
、
、
、
我目前的尝试是: CSS: #header {
justify-content
:
space-between
;
position
:
fixed
;} list-style: none; display
浏览 99
提问于2021-05-09
得票数 0
回答已采纳
1
回答
用柔性盒创建固定的标头
、
、
使用
flexbox,我试图创建一个固定的标头,其中只包含两个元素,并且这些元素尽可能地远离彼此。我似乎无法让它与
justify-content
:
space-between
一起
工作。我希望这个CSS代码能够工作,但是元素只是坐在
一起
。 width: 100%; display: flex;} <header
浏览 1
提问于2019-02-15
得票数 4
2
回答
怎么做肚脐固定?
、
我正在尝试修复我的导航条,但是当我将
position
:
fixed
添加到css时,它会向左流动。.grid__header { min-height: 164px; width:100%; -ms-flex-direction: row; -webkit-justify-content:
space-b
浏览 3
提问于2016-06-28
得票数 1
回答已采纳
1
回答
无法使flexbox对齐内容以正常运行
、
、
我尝试
使用
justify-content
space-between
将div .header__top中的两个元素在屏幕的另一端对齐,但由于某些原因,它们恰好相邻在
一起
。className="Header__top--btn btn">Log In</Link> </div>}; “”“ .header{
position
/hea
浏览 10
提问于2020-11-28
得票数 0
回答已采纳
2
回答
为什么
导航栏固定在顶部时(
使用
position
:
fixed
)需要width属性?
、
简单小提琴:#navbar { display: flex; align-items: center; /* width: 100%; */
position
:
fixed
; 正如你所看到的,宽度没有被应用,但是位置:固定被应用,导航栏收
浏览 2
提问于2020-08-05
得票数 0
5
回答
CSS页脚不会停留在小屏幕大小的底部
、
、
#313535;} display:flex;
justify-content
min-height: calc(100vh - 75px - 105px); background: #202323;
justify-content
:
space-between
; align-items: c
浏览 2
提问于2021-02-18
得票数 1
2
回答
CSS:如何让2个元素在底部浮动
#container {} vertical-align: bottom;} float: right; <div id="left"> </div> <div id="right">right <br />rig
浏览 2
提问于2017-01-11
得票数 1
3
回答
为什么
要证明-内容:中间的空间;不在这里工作
、
为什么
要证明-内容:间隔;不在这里工作} text-decoration: none;.container{ margin:auto;}
position
:
fixed
; display:flex;
justify-content
:
浏览 10
提问于2022-08-08
得票数 0
1
回答
正确垂直对齐Flexbox项目
、
、
、
当前页脚容器为: .footer-container { left: 0; width: 100%; background-colorflexbox的
space-between
选项看起来最适合,所以我尝试了一下。我不确定
为什么
会发生这种情况。我该怎么解决它呢?
浏览 25
提问于2020-06-28
得票数 0
2
回答
Flexbox:按钮在悬停时移动::后置元素
、
、
我
使用
柔性盒作为导航条,而我遇到的一个问题是当我悬停在其中一个按钮上时,其余的按钮由于我的::after元素稍微移动了一些。nav { top: 0; left: 0; display: flex;
justify-content
:
space-between
; padding: 0 75px; ul {
浏览 2
提问于2017-07-23
得票数 2
回答已采纳
4
回答
我试图把我的链接在右边的屏幕上
使用
flex css,但它在左边的标题
、
、
、
、
我正在
使用
flex CSS创建一个导航栏。我的问题是,我想要的链接是在屏幕的右侧,但他们在左侧和旁边的标题,这是我不想要的。我试过margin left: auto,但它不起作用。100vh; background-color: #fff; padding: 20px;
justify-content
:
space-between
; align-co
浏览 40
提问于2021-06-29
得票数 0
4
回答
如何定位:修复了
使用
flexbox时的导航栏
、
从这个布局开始:http://codepen.io/RebelOne/pen/wodbpR .navbar {
justify-content
:
space-between
; 当我将
position
: fill添加到导航栏时,它会向下折叠,并且不会填满包装器的宽度。editors=1100 .navbar {
justify-content
:
space-between
; ba
浏览 40
提问于2016-11-24
得票数 10
回答已采纳
2
回答
固定的父母,定位它的孩子权利
、
我有过这样的经历, <div id="one"></div></div>#wrap { top:0; background-color:#ff0;#one {
position</
浏览 4
提问于2016-04-03
得票数 0
1
回答
对齐相邻的多个div (固定)
、
、
、
我希望在自定义MainDiv中对齐多个div(在本例中为3),以获得如下结果: <div style="color: white; left: 5%; margin-top: 5%;
position
:
fixed
table; font-size: 10px">IN
浏览 3
提问于2018-02-12
得票数 0
3
回答
如何
使用
对齐-内容:空格与位置:固定?
、
我试图迫使我的页脚在页面底部,同时仍然保留他们之间的分离,但这似乎不合理-内容和位置:固定的工作在
一起
。} display: flex; flex-wrap: wrap;
justify-content
: center;
浏览 7
提问于2022-03-06
得票数 0
回答已采纳
3
回答
增加两个固定元素之间的间距
、
两者都有bottom: 0 CSS,但是,我不想让他们坐在
一起
。.bar应该有自己的间距,这样就可以完全显示.bar2。我该怎么做?这是一个
position
:
fixed
; display: block; padding: 1.3rem 2rem;
justify-content
:
space-be
浏览 5
提问于2020-12-19
得票数 0
3
回答
如何在同一行中将两个项目放在相对的两侧
、
如果可能的话,我非常希望不
使用
浮点数。
浏览 0
提问于2016-10-18
得票数 25
回答已采纳
1
回答
如何防止位置:固定打破了flexbox对齐-内容?
、
、
、
如何防止父容器的
position
:
fixed
破坏其
justify-content
属性?我正在尝试
使用
flexbox创建一个固定的菜单栏。codepen.io/dnguyencode/pen/XWjgxKG <style> border: 1px black solid; display: flex; //
浏览 5
提问于2020-12-19
得票数 0
1
回答
什么是css中的moz-flex webkit-flex?
我
使用
它,它工作得很好。但是我不理解代码的工作原理。moz-flex; display: -ms-flex; -moz-justify-content:
space-between
; -ms-justify-content:
space-between
;
justify-content
:
浏览 3
提问于2015-12-12
得票数 2
2
回答
底部的Div -同样不想在angular中工作
、
、
padding-top: 7px;} display: flex;
justify-content
:
space-between
; background-color: lightgray;<mat-toolbar class="toolbar"></mat-toolbar> <div class="content&q
浏览 0
提问于2020-03-03
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
小程序wx-charts的项目实用
CSS-常见布局介绍
24个 CSS 高级技巧合集
20条CSS高级技巧
基于 Flexbox和CSS Grid 的高效布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券