腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
使用
display
:
flex
时
div
从
相对
到
固定
的
转换
;
javascript
、
html
、
css
、
flexbox
、
transition
我正在尝试让一个页面包含几个全高/全宽
的
内容,并且第一个视图有一个标题。当您开始滚动
时
,标题
的
大小会减小,并过渡到页面顶部粘滞标题中
的
新位置。我在这里尝试过这样做:https://codepen.io/ady-coding/pen/BaZgrqM 我设法让它在某种程度上工作,但一旦我设置父
div
使用
flex
,以便我可以很好地将标题定位在屏幕
的
中心,
转换
就不能正常工作,只是跳到
浏览 34
提问于2021-10-05
得票数 0
2
回答
如果您指定“底部:0”表示位置:粘稠,为什么它要做一些与规范不同
的
事情?
css
、
css-position
、
sticky
根据MDN,粘性位置元素被视为
相对
位置元素,直到超过指定
的
阈值,而当超过阈值
时
,它们被视为
固定
位置元素,直到到达父元素
的
边界()。 ...would
相对
地用id定位元素,直到视图被滚动,这样元素就会
从
顶部不到10个像素。超过这个阈值,元素将从顶部
固定
到
10个像素。body { margin
浏览 5
提问于2019-05-03
得票数 15
1
回答
将滑块置于顶部导航器下方。
css
、
flexbox
我正在做一个滑出面板(遵循这个),在本教程中,我可以看到如何
使用
固定
的
显示器
从
右侧实现滑出面板,但我希望面板出现在顶部
的
黑色导航栏下面,而不是
固定
面板重叠整个垂直高度。是否可以将“顶部”设置为
相对
于肚脐高度
的
值?<html> <title>CssTest</title> .main{
浏览 3
提问于2020-12-23
得票数 1
回答已采纳
1
回答
在
flex
容器中绝对可滚动
的
div
没有
固定
的
高度,这是可能
的
吗?
css
、
flexbox
在
flex
-box中,如何将
div
设置为可滚动(绝对),而不
固定
高度填充整个视图?(https://imgur.com/7v5OFas) (右栏打字错误,宽度
固定
,预计
的
唯一高度是全页) https://codepen.io/anon/pen/oJyOOp?editors=1000 (如果我将高度添加到红色部分
的
相对
父级,它可以工作,但我不能有
固定
的
高度。
浏览 16
提问于2018-12-21
得票数 0
3
回答
如何在
flex
布局中
使用
位置
固定
?
html
、
css
、
flexbox
我有一个有两列
的
flexbox布局。你怎么能这样做呢?看一下下面的代码:#parent {}
flex
-grow: 1;#left
div
{ background: blue; left: 0;} #ri
浏览 2
提问于2016-12-31
得票数 13
回答已采纳
1
回答
为什么在宽度为auto (
flex
)
的
情况下,这些项目会溢出
固定
的
父项?
html
、
css
、
flexbox
、
overflow
所以,我在一个
固定
的
容器内有一个显示风格
的
flex
(现在)
的
容器.每个子程序都有一个自动宽度设置,以及父和包装器。不知何故,内容容器将容器
的
最后一部分显示为“额外
的
空间”,而仍然有内容。当我在内容容器上设置overflow:hidden
时
,它只是切断了最后一部分。 我发现将父级设置为
相对
值可以解决问题,也可以为孩子设置一个
固定
的
宽度。但是,在我需要它
的
环境中,这是行不通
的
浏览 8
提问于2022-03-10
得票数 0
1
回答
使用
CSS Flexbox
的
具有独立滚动条
的
多列网页?
html
、
css
、
scroll
、
flexbox
、
frontend
我是一个新
的
网页开发人员希望设计一个类似于
的
页面作为与CSS中
的
列
的
实践。我目前无法让flexbox容器中
的
每个<
div
>单独滚动。我知道position: fixed在flexbox中不兼容,但这是我唯一能想到
的
方法。有什么想法吗?
浏览 13
提问于2021-05-19
得票数 0
2
回答
拉伸或滚动父挠曲框
html
、
css
我有下面的HTML和CSS,我正试图在没有静态宽度
的
情况下拉伸或滚动父
flex
框。我似乎两种结果都得不到。<
div
class="
flex
"> <
div
class="box">stuff<
浏览 6
提问于2014-10-29
得票数 0
回答已采纳
6
回答
垂直于另一个下面的
div
的
堆栈元素。
html
、
css
我希望content_container内部
的
div
是垂直叠加在彼此下面,而不是重叠。请帮帮忙。我
的
HTML代码: <
div
id=sub_nav> <
div
id=content>我
的
CS
浏览 0
提问于2020-01-16
得票数 3
回答已采纳
1
回答
当portsize变小时,我想把导航栏
从
main
的
侧面推到顶部
html
、
css
当视口变小时,导航栏是看不到
的
,我希望导航栏在端口较小时位于主要部分
的
顶部。我试图添加媒体查询,并将导航栏
的
位置设置为静态,但它不是这样工作
的
。当位置不
固定
时,导航栏被按下,但我
的
项目需要
固定
导航栏位置 https://codepen.io/samima1/pen/bGegOLe <!>
浏览 29
提问于2020-10-25
得票数 0
3
回答
位置:
相对
于:之前
html
、
css
、
css-position
、
pseudo-element
假设我有一个输入,它基于某个数据属性显示一个伪元素,并将其直接定位在输入
的
上方,因此它充当了一个标签。是否可以
相对
于伪元素之前
的
:在伪元素之后定位a:?下面是一个例子: content: attr(data-label); margin-top: -16px; .
flex
-form .field.required[data-
浏览 4
提问于2017-06-22
得票数 1
回答已采纳
2
回答
如何适应儿童100%
的
高度/宽度
的
家长伸缩箱?
html
、
css
、
flexbox
、
css-position
我
使用
位置
固定
,因为我不能得到flexbox显示,除非我设置位置
固定
或绝对,但我正在使网站响应,所以我不能放置绝对位置。-aside"></
div
> </
div
> <
div
id="bottom"&
浏览 0
提问于2017-07-01
得票数 0
1
回答
集装箱出了巨无霸
bootstrap-4
当我创建基于jumbotron
的
新元素
时
,我
的
网站出现了问题。在一定高度以上,container (我元素中
的
主要视图)
从
jumbotron出去,我不知道我做了什么坏事。不包括引导带,我
使用
的
是。HTML: <
div
class="jarallax" style=&q
浏览 3
提问于2020-04-13
得票数 0
回答已采纳
2
回答
除了图像外,用跨度填充空间
html
、
css
、
twitter-bootstrap-3
<
div
class="payment-option clearfix"> <label style="
display
:inline;width:100%"> <span style="float:left;">Pay by CashonDelivery</span>
浏览 2
提问于2016-11-23
得票数 1
回答已采纳
5
回答
如何在不
使用
固定
高度
的
情况下
固定
底部间隙
的
页脚?
html
、
css
我想把我
的
页脚
固定
在底部
的
空白处。我认为内容比这个问题少,重复和内容完整
的
问题解决了,但我想内容少,不显示差距,我
使用
相同
的
页脚,其余
的
页面,所以帮助我任何人。
浏览 0
提问于2016-01-27
得票数 0
2
回答
如何在css
的
flex
-item中设置
相对
页边距?
javascript
、
css
、
reactjs
、
flexbox
我和{
display
:
flex
}有
div
。它包含24个元素(一天中
的
小时,一个
div
是一个小时)。24个元素中每个元素
的
宽度都是响应式
的
:{
flex
-grow:1} 简化后
的
代码: <
div
className="row" style={{
disp
浏览 5
提问于2018-01-09
得票数 0
回答已采纳
3
回答
如何让按钮在不同
的
div
中对齐?
html
、
css
、
twitter-bootstrap
我尝试让每个
div
底部
的
按钮与另一个
div
对齐。 我试过了,但还是不能用。position:absolute; bottom: 0; 这是我目前
的
工作:https://www.bootply.com/NrkiUsvKa5 我试图在不调用break
的
情况下得到这个结果:https
浏览 33
提问于2019-02-15
得票数 0
回答已采纳
2
回答
不能将
固定
位置
的
挠性箱与边距:0自动对中。
css
、
css-position
、
margin
、
flexbox
、
centering
我有一个问题,用margin: 0 auto;对一个
固定
的
挠性箱进行调整。我可以将位置
转换
为
相对
位置,以使其看起来像我想要
的
,但
固定
的
位置是我所希望
的
。 <
div
class="site-title"> <a href="#" class=
浏览 1
提问于2015-08-05
得票数 1
回答已采纳
2
回答
粘性柔性箱页脚不
固定
于底部
css
、
sass
、
flexbox
、
footer
、
sticky-footer
我想在屏幕onLoad上安装整个UI,但我
的
页脚并没有
固定
在移动视图
的
底部。: -webkit-box;
dis
浏览 0
提问于2019-09-01
得票数 2
回答已采纳
3
回答
父母
的
身高和祖父母
的
地位
css
我有一个具有绝对位置
的
子元素,我
的
任务是使这个子元素适合父元素
的
高度,并将其
相对
于父边框移动。.grand-parent { border: solid 2px blue;
flex
-flow:just an example, it could be anything or
浏览 3
提问于2022-04-20
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
【less】混合
前端开发“居中”问题总结,希望对大家有帮助
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS 布局解决方案
CSS布局解决方案
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券