腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Flexbox
布局
和
滚动条
问题
html
、
css
、
flexbox
这就是我的聊天目标:Align multiple divs to bottom of parent 然而,
问题
是它不会在溢出后创建
滚动条
。 这是没有Flex的: ? chat-form"></form> 是否可以使用
flexbox
浏览 14
提问于2020-07-19
得票数 2
回答已采纳
2
回答
如何使用css3
flexbox
创建多栏
布局
而不进行垂直扩展?
google-chrome
、
css
、
webkit
、
flexbox
我正在使用Chrome中的CSS3的
flexbox
(不用担心跨浏览器的
问题
)。我很难说服它以我喜欢的方式展示我的内容。我在这里广泛使用了
flexbox
。body垂直
布局
,#content div采用页面的剩余高度。每个.group都是水平
布局
的。最后,每个.item都通过包装在.group中垂直
布局
。不幸的是,通过扩展.group高度,每个#content最终都变成了一个单独的列,这导致了垂直
滚动条
(不需要的)。如果我将每个.group的高度设置为固定的像素大小,这些
浏览 1
提问于2012-12-28
得票数 16
回答已采纳
1
回答
如何正确地设计我的聚合物应用程序以控制滚动
polymer
、
flexbox
与这个
问题
特别相关的是,这意味着有一个index.html文件,它加载web组件polyfil,并且它的主体<my-app>中只有一个元素。<my-menu>是一个灵活的
布局
,由许多按钮
和
许多单独的<paper-card>元素组成,用于将菜单分组。<my-list>是一个困难的部分,它将由一个标头
和
一个<iron-list>元素组成。灵活的
布局
,可在桌面、平板电脑
和
手机上使用。 在大多数情况下没有水平
滚动条
浏览 0
提问于2016-09-09
得票数 0
1
回答
从绝对到固定元件的柔性箱
布局
css
、
reactjs
、
react-native
、
flexbox
当父元素是position:absolute;时,如何使元素从
flexbox
转到
flexbox
? 让我进一步解释:我有一个非常基本的
布局
100%
flexbox
为基础。
布局
只是一个左边的侧边栏
和
一个内容区域。在内容区域中,有一个从顶部开始的400px标题,它是绝对定位的(为了覆盖英雄部分),所需的UX是在它触及屏幕顶部后使这个标题变得粘稠。
问题
是,当fixed:1.标题覆盖右边的
滚动条
(实际
问题
) 2.必须知道标题的左侧才能设置lef
浏览 5
提问于2017-05-08
得票数 3
1
回答
NuxtJs nuxt-link滚动行为与固定的侧边栏
布局
javascript
、
scroll
、
nuxt.js
我目前正在构建一个Nuxt应用程序,在页面的左侧有一个固定侧边栏的
布局
,在页面的右侧有可滚动的内容。由于这种
布局
,我在页面包装div
和
内容容器overflow:scroll上使用了
flexbox
和
overflow:hidden 你可以在这里查看代码:https://jsfiddle.net/yk6Lepq2/ 现在,当使用nuxt-link时,它通常会将页面滚动到顶部,但是由于
布局
已经更改,并且我的应用程序没有使用初始的body/html
浏览 33
提问于2019-02-14
得票数 3
1
回答
如何制作具有固定页眉、页脚
和
可滚动内容的flex
布局
?
css
、
flexbox
、
overflow
我找到了一篇关于flex
布局
的文章,其中包含了这个页眉、内容、页脚: <div class="
flexbox
-item header">and there is content that can't be displayed */}但如果要添加更多内容,则使用水平滚动页眉
和
页脚隐藏rgba
浏览 1
提问于2020-05-01
得票数 2
回答已采纳
2
回答
将相对位置父项展开为绝对子节点的高度。
html
、
css
、
responsive-design
、
css-position
我打算有一个流体高度标头,中间内容部分扩展到可用的高度
和
页脚锚定在底部。left;.image { width: 34%; right:0;需求: 图像应该伴随内容的右侧。据我所知,我不能把一个div的高度扩展到它绝对子
浏览 4
提问于2013-12-12
得票数 2
回答已采纳
3
回答
CSS用于提供可滚动的div,占用100%可用高度,但不会在正文中添加
滚动条
css
、
flexbox
、
height
我正在尝试让一个没有任何JS的
布局
工作,只有HTML
和
CSS。top-div left-div center-div right-div 这个想法是在中间的div上有垂直
滚动条
,而不是页面上的其他地方,包括正文。它看起来最好的想法是一个垂直的
flexbox
,使顶行
和
底行,然后是一个水平的
flexbox
,使左,中,右。 这能有多难呢?
浏览 41
提问于2019-12-15
得票数 0
回答已采纳
1
回答
包含数据网格的响应式网页
布局
html
、
css
、
layout
、
web
我一直在努力寻找如何实现如下图所示的
布局
,但找不到确切的
布局
。 我正在尝试实现一个响应式
布局
,在其内容面板中包含一个数据网格(ui-grid)。当窗口调整大小时,网格也相应地调整大小,即网格的
滚动条
改变,而数据网格所在的实际内容面板上不需要
滚动条
--这是可能的吗?它几乎就像一个圣杯
布局
,只是我不想让内容div可滚动,只想要数据网格本身。我一直在尝试使用
Flexbox
,但一直没有成功--任何好的链接都会非常感谢。 谢谢
浏览 3
提问于2015-12-17
得票数 0
2
回答
使柔性箱容器覆盖内容高度?
javascript
、
html
、
css
、
google-chrome
、
flexbox
我正在尝试使用
Flexbox
来获得一个
布局
,在上面有一个条形图,并为页面的其余部分提供内容。测试用例位于: 有趣的是,Google已经按照我想要的方式运行了;当视口垂直大小太小时(所有浏览器似乎都在水平上做我想做的事情),content div中的内容就会溢出div,而Chrome会显示内容的垂直
滚动条
但是,在边缘
和
火狐中,当视图端口的大小垂直地太小时,content div本身的大小永远不会小于其文本内容,因此它会溢出视图端口,从而导致整个视图端口得到一个垂直
滚动条
,而不仅仅是content div不
浏览 1
提问于2018-11-24
得票数 1
2
回答
使flex
布局
的内部容器适合屏幕大小
html
、
css
我有以下html
和
css代码: JSFiddle /** CSS Framework: START **/ display: flex;.
flexbox
{ width: 100%;} width: 4000px; } <div class="
flexbox
这就是为什么我使用inner-box来设置最大宽度为100%,并启用水平
滚动条
浏览 18
提问于2021-01-25
得票数 3
回答已采纳
4
回答
CSS
和
Flexbox
布局
问题
html
、
css
、
flexbox
在创建了一个代码库.board { width: 600px; justify-content: flex-start; } .square { height: 200px; border-radius: 10px;<div class="=board
浏览 5
提问于2017-04-12
得票数 0
回答已采纳
1
回答
IOS上的
Flexbox
滚动方式不同
ios
、
css
、
mobile
、
scroll
、
flexbox
我注意到,在使用基于柔性盒的
布局
与使用position: fixed页脚时,滚动功能是不同的。固定的页脚更平滑,并显示一个
滚动条
。
Flexbox
一点也不光滑,也没有显示
滚动条
。我更喜欢使用柔性盒作为我的
布局
,但想要更好的卷轴。有什么方法可以用柔性盒来实现吗? </div> <nav class=
浏览 4
提问于2016-10-14
得票数 1
回答已采纳
1
回答
Overflow-x:仅在Chrome中隐藏与CSS
Flexbox
的冲突
html
、
css
、
angular
我正在使用css
flexbox
来做一个页眉/正文/页脚
布局
。但是,如果使用overflow-x:hidden对外部div进行调味,Chrome会在降低视区高度时开始裁剪底部(状态元素),并引入一个垂直
滚动条
。如果重新加载页面或更改视口宽度,Chrome会恢复正确的
布局
。Chrome
和
Firefox的不同之处可以通过上面两个浏览器中的stackblitz来看出来。
浏览 0
提问于2018-12-26
得票数 1
1
回答
在
flexbox
列
布局
中调整Openlayers 3的大小?
css
、
flexbox
、
openlayers-3
在
flexbox
的列
布局
中,无法正确调整openlayer 3地图的大小吗?我有一个非常简单的
flexbox
列“容器”,有两行,看起来openlayers的大小更新总是计算出它的高度是整个页面的高度,这样会出现一个垂直
滚动条
。
浏览 0
提问于2015-06-26
得票数 3
2
回答
创建一个具有固定标题、固定侧边栏导航、固定内容的柔性盒
布局
。
javascript
、
html
、
css
、
flexbox
我正在使用
FlexBox
为web应用程序创建一个
布局
。请注意,我没有试图使用引导用于此。我只想用简单的柔性盒css来做。Row1:固定的页眉,64 is高。row2"> <div class="main-content"></div>,这里的关键,是,sidenav
和
主内容都应该是1
浏览 1
提问于2017-04-23
得票数 7
回答已采纳
2
回答
在
flexbox
布局
中指定最小宽度
css
、
flexbox
我有以下基于Bootstrap的
Flexbox
的
布局
: <div class="d-flex flex-row"> <section: .left {} flex: 0 0 400px; flex: 1; } 因此,在这个
布局
中,我有两个固定宽度的左右两列
和</
浏览 115
提问于2019-02-14
得票数 1
回答已采纳
2
回答
HTML/CSS -对齐文本,显示
滚动条
html
、
css
我是编程新手,我正在为我的父亲创建一个网站,以帮助积累经验
和
积累投资组合。1)我似乎无法将"Michael Gilsenan“一词的底部与导航栏中的文本对齐。我试过使用line-height属性,但它的行为不一致,并且以各种奇怪的方式移动。它们最终都会在我的<nav>元素所在的<div>上创建一个
滚动条
。非常感谢。 <
浏览 0
提问于2018-06-25
得票数 0
2
回答
Flexbox
滚动条
问题
html
、
css
、
flexbox
我得到了一个神秘而不受欢迎的
滚动条
。我做了一支笔来重现这个
问题
。我找到了几个修复
问题
的罪魁祸首,并在CSS注释中找到了它们。更新: Michael_B (Win 10,Chrome 55)无法复制此
问题
。如果你和我一样,在看钢笔的时候看到一个
滚动条
,你能在评论中报告
浏览 2
提问于2017-02-02
得票数 2
回答已采纳
1
回答
使两个相邻元素的行为类似于单个元素
html
、
css
、
layout
、
flexbox
在
flexbox
布局
中,有没有可能让两个相邻的元素表现得像一个元素一样?:|________| | Tree || |因此,如果我可以在桌面上将Flower
和
Bee这是一个具有可变内容的页面,我希望内容垂直增长,并为垂直
滚动条
出现在页面上,如果它超出了视窗。我已经为网格使用了
Flexbox
,不想添加任何包装器。
浏览 1
提问于2017-11-20
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
移动端原生H5开发心得和干货
CSS Grid 布局完全指南
如何快速学习 CSS Grid 布局-相关资源和教程推荐
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券