腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
flex
布局
和
侵入
性
页脚
问题
、
、
我从
flex
(准确地说是角度材质版本)开始了我的冒险之旅,并解决了一个棘手的
问题
。基本上我会有一个蛋糕
和
吃蛋糕:)所以我希望我的
页脚
总是在底部,但在小的分辨率,虽然页面很短,我希望避免漂浮在主要内容上的
页脚
,而不是设置内容的硬高度。layout-fill> <div class="main-content" layout="row&q
浏览 6
提问于2017-01-17
得票数 0
1
回答
CSS
布局
:移动,垂直
布局
,页眉(固定高度),
页脚
(固定高度)。如何在高度
和
宽度约束下用img填充剩余空间
、
、
、
、
布局
:移动,垂直
布局
,页眉(固定高度),
页脚
(固定高度)。如何在高度
和
宽度约束下用img填充剩余空间使用具有挠
性
方向的列设置页眉
和
页脚
的高度(或者可以用挠曲基础完成)的挠
性
收缩:0对于页眉
和
页脚
,这样它们就不会收缩挠缩:1在图像容器上,因此,如果需要,它会缩小图像对象的最大宽度
和
最
浏览 1
提问于2021-07-01
得票数 0
回答已采纳
4
回答
浮点数在
flex
容器中不工作。
、
、
我想定位文本(foo链接)在
页脚
元素的右边。但是,当我将其设置为
flex
时,float:right for span不再起作用了。 <span style="text-align: right;float: right;"> <a>foo link
浏览 15
提问于2016-08-28
得票数 65
回答已采纳
1
回答
在列模式下使用角ui.layout -如何创建底部对齐元素
、
、
我正在尝试创建一个边栏,其中底部有一个蓝色元素是否有一种方法来欺骗ui-
布局
指令来实现这一点?
浏览 2
提问于2014-11-26
得票数 3
回答已采纳
2
回答
页脚
不在页面底部,主体显示设置为
flex
。
、
、
、
、
我的HTML
布局
如下所示: nav //
flex
-basis: 85px footer //
flex
-basis: 50px 在桌面视图中,
页脚
位于底部:但如果内容后来增长,
页脚
不再位于底部,页面底部
和
页脚
末尾之间就会出现空白。我正在使用display: <
浏览 6
提问于2021-03-01
得票数 0
1
回答
对齐-自我:移动变焦的挠
性
结束中断
、
、
我有一个由页眉、内容
和
页脚
组成的标准
布局
:| header || ||---------------|| footer |但是,如果我使用移动设备并放大
页脚
||-------------||-------------| |
浏览 0
提问于2019-05-24
得票数 0
1
回答
显示:
flex
属性无法在Internet Explorer中正确呈现
、
、
、
我正在为我的应用程序创建一个
布局
,它有固定的页眉、
页脚
和
左菜单。内容正在滚动,而其他内容是固定的。我在做
布局
方面没有
问题
。当我试图为我的.center-container类提供display:
flex
时,它在IE-10中不能正确呈现。下面是我的
CSS
height: 100%; width: 100%;} 另外,html很大
浏览 1
提问于2017-02-13
得票数 0
4
回答
为什么我的
页脚
不在页面底部?
、
、
我试图把代码的
页脚
放在页面的底部,但是
页脚
在网页的中间。body { padding: 0; height: 100px;
flex
-directionheight: 24em; border: dash
浏览 17
提问于2020-03-15
得票数 0
3
回答
粘性页眉,粘性
页脚
(可变高度),流体中间?
、
我试图在
CSS
中设置一个简单的3行
布局
。它需要: </div>
CSS
html, body, div, span, applet, o
浏览 1
提问于2013-10-07
得票数 3
回答已采纳
3
回答
如何在这个网站的末尾添加一个
页脚
?
、
、
、
我试图在这个网站的末尾创建一个
页脚
,但出于某种原因,它出现在产品之上:当我更改浏览器大小时:但我想要一个这样的脚:这是我的代码:{% load staticDOCTYPE html><head></head>
浏览 6
提问于2022-05-31
得票数 1
3
回答
将挠曲
和
绝对定位相结合时的混乱
、
、
我有一个应用程序,本质上是一个标题,主要内容,
和
页脚
,始终是可见的。
页脚
可以更改大小,并且有一些工具我想放在
页脚
上方的主内容面板上。主要
布局
是使用
flex
完成的,而我对文档的理解是绝对定位通过相对于最近的后代的位置与
flex
布局
相结合,但这似乎不是我的经验。希望有人能帮我。在下面的代码示例中,我希望看到位于
页脚
上方的“底部”div,但它实际上位于窗口的底部。</div> </div>
浏览 0
提问于2018-12-12
得票数 4
回答已采纳
1
回答
引导
flex
布局
-主部分中的div不展开以填充其父部分。
、
、
、
我有一个引导5.2中的页眉/主/
页脚
布局
,我希望主部分展开以填充页眉
和
页脚
之间的页面。以下代码起作用:<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/
css
/bootstrap.min.
css
"> <body class=&q
浏览 4
提问于2022-10-03
得票数 0
1
回答
当视口变得太小时,Flexbox使2个图像居中并缩放图像
、
、
、
现在我正在摆弄这个简单的
布局
一段时间。 我们的目标是利用flexbox将2个图像居中,当屏幕变小时调整图像的大小,因为图像本身相当大。 桌面: ? 移动
性
: ? 此外,正文本身位于
页脚
元素之上,但是正文中的内容与
页脚
重叠,有人知道如何修复这个
问题
吗? ? /assets/images/example2.png"></div>
CSS
如下所示: .imageco
浏览 12
提问于2020-06-24
得票数 0
1
回答
Chrome显示
问题
与柔性盒
和
溢出
、
、
我正在使用flexbox来做一个简单明了的页眉/车身/
页脚
布局
。然而,当我的"body“有很多内容(足够强制滚动条)时,我在Chrome中看到了一个
问题
:它迫使页眉
和
页脚
元素在不应该的情况下收缩。这只发生在Chrome (IE11
和
火狐的工作如预期)。我应该做不同的
CSS
,还是这是Chrome的
问题
?我已经将我的HTML/
CSS
简化到了最低限度,以显示
问题
,并创建了一个屏幕截图
浏览 1
提问于2015-06-10
得票数 4
回答已采纳
1
回答
柔性箱的孩子可以有溢出滚动条吗?
、
、
我想使用创建一个跨设备
布局
,并找到我使用的作为起点。> <footer class="footer">Footer</footer>这里是
CSS
1 100%;.aside {
flex
: 1 auto; }我的
浏览 2
提问于2016-01-27
得票数 1
回答已采纳
1
回答
flex
布局
中的可滚动容器
、
我目前正在做一个简单的
CSS
布局
,包括两个并排的窗格
和
一个
页脚
。我有以下限制: </div>.container { height: 100%; dis
浏览 11
提问于2017-10-03
得票数 0
1
回答
“可用高度”内部div -为什么这样做?
、
我有一个
布局
工作在
CSS
,但我不明白它为什么工作。
CSS
专家,请了解一下这里发生了什么。我的目标是有这样的
布局
:突出的特点是: 我使用
css
和
content中的div ( 0%高度)的组合实现了这一点。<
浏览 2
提问于2013-04-04
得票数 0
2
回答
如何使用网格
布局
强制
页脚
位于空白/完整页的页底
、
、
整个网站都采用网格
布局
-基本页眉、主页
和
页脚
:这样做的目的是将
页脚
设置到屏幕底部,并在内容中添加空格,如果页面上没有像这样的内容,那么:为了演示起见,我在本页中使用了50 of的页边距但是,例如,如果博客帖子大于100 on,那么
页脚
仍然应该出现在底部-当然,没有空格:用户需要滚动才能看到页面底部的
页脚
。
浏览 3
提问于2021-09-17
得票数 1
回答已采纳
3
回答
Flexbox粘性
页脚
问题
?
、
、
我一直在玩Flexbox,试着做一个粘性的
页脚
,但有一些原因,我的一个div是重叠的
页脚
?当我拖动窗口到更大的显示器时,
页脚
是完美的。我做错什么了?以下是我的Html
布局
: <div class="mainContent">...</div>body height: 100%; display
浏览 4
提问于2014-04-12
得票数 1
回答已采纳
3
回答
强制子div拉伸,使父div捕获屏幕高度的100%
、
我有以下html
布局
: <div class="row one"></div>
页脚
的(第二行)高度没有设置,而是根据其内容定义的。以下是一些指示
浏览 8
提问于2022-05-11
得票数 0
点击加载更多
相关
资讯
CSS 五种方式实现 Footer 置底
基于 Flexbox和CSS Grid 的高效布局
CSS布局解决方案
CSS 布局解决方案
微信小程序的WCSS相比传统的CSS,最大的优势在于Flex布局
热门
标签
更多标签
云服务器
ICP备案
云直播
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券