腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
flex
列
中
水平
滚动
div
css
、
flexbox
我似乎不能在
flex
列
中有一个
水平
滚动
的
div
。Codepen .container { display:
flex
; margin: 20px; height: 300px; border: 1px solid blue; }.main { padding: 20px; } .scrollableclas
浏览 13
提问于2020-04-15
得票数 0
回答已采纳
2
回答
继续
滚动
不同行数的焦点样式CSS柔性盒多
列
。
html
、
css
、
scroll
、
flexbox
、
focus
目标:我想知道,我是否能够实现这种行为,只有通过CSS -最终也重构html。尝试 下面的代码呈现了所需的布局,但是如果我有许多
列</em
浏览 1
提问于2020-08-13
得票数 0
回答已采纳
1
回答
如何在使用
flex
布局进行
水平
滚动
时使行
中
的第一
列
粘滞?
css
、
flexbox
、
position
如何在使用
flex
布局进行
水平
滚动
时使行
中
的第一
列
粘滞? display:
flex
; overflow-x: auto
flex
: 1 0 300px;background: gray;
flex
: 0 0 auto; overflow: auto;<
浏览 0
提问于2017-11-15
得票数 3
2
回答
如何创建反向
flex
行的可
水平
滚动
的
flex
列
?
html
、
css
、
flexbox
、
overflow
我想要创建一个
水平
滚动
的
flex
列
,它包含几个
flex
行,但是我想以相反的方式显示每一行。即1,2,3,4,5,6显示为6,5,4,3,2,1。下面是我尝试的一个JSFiddle: </
div
>CSS: display: <e
浏览 0
提问于2019-07-15
得票数 1
回答已采纳
2
回答
柔性箱流体
水平
滚动
html
、
css
、
flexbox
我有一个主页(
水平
滚动
网站),将遵循1
列
1行,1
列
2行,1
列
3行,然后循环通过。是否有一种方法可以使用显示
flex
来瞄准目标,但是没有我使用过的spot和条形类。如果我们能够删除类,那么
在
我们的模板
中
这将更容易遵循。这个网站将
水平
滚动
到,所以需要考虑到的设计。.tiles { overflow-y: hidden;.tiles-list { height:
浏览 0
提问于2019-03-04
得票数 3
回答已采纳
1
回答
FF/IE/EDGE行100%高列上的CSS柔性盒垂直
滚动
条
html
、
css
、
flexbox
我正在构建一个html应用程序,它被加载到第三方应用程序
中
,用来填充提供给我的应用程序的垂直和
水平
空间,而不会导致页面级
滚动
条。要求: RHS
列
的高度为100%,可用空间的宽度为100% (我目前已完成此操作)。LHS和RHS
列
不能具有“位置:绝对”样式(FF性能问题使HighCharts
在
容器
中
具有灵活和绝对
浏览 1
提问于2016-08-17
得票数 0
1
回答
如何让sticky在这种情况下工作?
html
、
css
、
sticky
我希望我的表格的第一行和第一
列
在
屏幕上是粘性的,并且
在
表格之前还有另一个内容 表格前的内容不能
水平
滚动
,表格必须可以
水平
和垂直
滚动
有没有办法
在
没有JavaScript的情况下做到这一点? .container { overflow-x: hidden;
flex
-direction: column; backgroundposition:
浏览 22
提问于2021-11-11
得票数 0
2
回答
用柔性盒格式化全页桌面web应用程序
html
、
css
、
flexbox
本质上,这就是我要找的内容:一个有两个
列
的页面,其中左
列
是窄的,宽度是固定的,右边的
列
与视图端口进行调整。在这两
列
的顶部和底部都有调整大小的区域,这些区域的大小可能会更改。
列
中间的内容对齐容器的顶部,并在容器溢出时
滚动
。 在此图表
中
,方框A和D调整到内容的大小,但固定在页面的顶部。框C和F同样调整到它们
中
的大小,保持固定在页面底部。B和E
中
的内容对齐到这些容器的顶部,但如果内容超过框的高度,则会出现
滚动
条。B和E是唯
浏览 4
提问于2020-05-21
得票数 0
回答已采纳
1
回答
水平
滚动
时保持垂直
滚动
条的视图
html
、
css
、
html-table
我正在创建一个带有静态标头和最小宽度
列
的表。这需要两个
滚动
条:垂直和
水平
。然而,当
水平
滚动
时,行和标头都应该
滚动
。车身
div
有溢出-y: auto。我希望
浏览 2
提问于2017-05-26
得票数 0
1
回答
柔性与溢出:奇怪的行为
html
、
css
、
flexbox
、
overflow
编辑:添加了
flex
方向:
列
,
在
初始代码.
中
漏掉了它它就像我所期望的,当
flex
-direction: row
在
Chrome 75,firefox 67上进行测试 这似乎与父级上的
flex
方向有关,
浏览 2
提问于2019-07-06
得票数 1
1
回答
CSS:垂直
滚动
两个绝对定位的
div
,而
水平
滚动
条保持固定。
html
、
css
、
scroll
当存在
水平
溢出时,我希望该
div
上的
滚动
条(以及仅该
div
)保持固定在该
div
的底部,而当存在垂直溢出时,两个divs继续垂直
滚动
。
滚动
前的:
水平
滚动
后的:垂直
滚动
后的:左边的行号是固定的,不管向右
滚动
浏览 2
提问于2017-03-05
得票数 0
1
回答
Edge/IE挠曲和
滚动
条问题
html
、
css
、
flexbox
、
scrollbar
、
microsoft-edge
在
使用flexbox时,我遇到了Edge/IE的问题。内容可能溢出,所以我使用overflow-x: auto。
Flex
方向是
列
,内容项上有
flex
-grow:1,所以不需要溢出-y。但
滚动
条位于内容的上方。
在
考虑
滚动
条之前,它似乎会计算项的高度。只有当使用
flex
方向
列
时,行才会正常工作时才会出现此问题。 下面是对
滚动
/自动/隐藏溢出-x和-y:的不同组合的操纵。overflow-x:
浏览 3
提问于2016-10-13
得票数 0
3
回答
Chrome与Edge的溢出差
html
、
css
、
flexbox
、
overflow
我注意到Chrome和Edge
在
溢出行为上的区别。这有什么原因吗?.container1 {
flex
-flow: column;} display:
flex
;
flex</em
浏览 1
提问于2018-05-22
得票数 1
回答已采纳
2
回答
如何使用
水平
滚动
设置
flex
项的宽度?
javascript
、
html
、
css
、
flexbox
我正在使用display:
flex
在
桌面视图上做一个3
列
的布局。 然而,开始
在
540px和以下,我仍然希望布局为3
列
,但它应该有一个
水平
滚动
。我能够
在
white-space: nowrap; overflow-x: auto;
中
实现
水平
滚动
。我的问题是我发现每个
flex
项目或
列
都太宽了。我想在移动视图上显示1个或多个产品,但同时放一个
水平
<em
浏览 0
提问于2021-07-21
得票数 3
2
回答
如何溢出-y:
在
溢出的子级
中
滚动
-x: scroll
html
、
css
、
flexbox
、
overflow
我有以下标记和css: .grid { display:
flex
;
flex
-direction: column; height: 200px; display:
flex
;
flex
-direction: column; overflow-x: visible;
浏览 3
提问于2016-10-20
得票数 2
1
回答
在
柔性盒中
水平
滚动
列表,设置宽度为侧边栏的布局。
css
、
layout
、
flexbox
、
horizontal-scrolling
我有一个两
列
布局与一个标签用户界面
在
主要部分和一个侧边栏附加到右侧。
在
较大的屏幕上,主
列
的宽度是流动的,而边栏的宽度应该设置。
在
较小的屏幕上,侧边栏应该重新定位在主部分之下,主栏和边栏都是100%宽的。 我正在尝试构建选项卡式UI,以便当主部分不够宽时,它可以
水平
滚动
,以显示其所有选项卡。我遇到的问题是,当屏幕不能容纳所有的选项卡时,侧边栏就会被从屏幕的右边推开,这会触发整个页面上的
水平
滚动
,也不会触发选项卡UI上的
水平</e
浏览 0
提问于2018-06-14
得票数 0
1
回答
行布局
中
的嵌套
列
布局
angularjs
、
angular-material
我正在尝试完成一个嵌套的
滚动
布局,它有一个左边栏和一个
水平
划分的右容器。以前我使用过,它仍然是非常新的(和buggy)。给一个 <
div
flex
="33" class="blue">left</
div
> <
div
浏览 0
提问于2015-06-13
得票数 3
回答已采纳
3
回答
当我需要向下
滚动
网站时,会出现
水平
滚动
html
、
css
在
创建了一些基本的乱七八糟的网站后,我激励自己去做一些更好和更有响应性的事情。我有个问题。.container{ display:
fl
浏览 1
提问于2019-04-23
得票数 0
5
回答
Bootstrap
中
可
水平
滚动
的卡列表
css
、
twitter-bootstrap
、
twitter-bootstrap-4
、
bootstrap-4
我正在尝试创建一个
水平
的卡片列表,其中一次显示3张卡片,其他的是
水平
滚动
的,如下所示:使用CSS可以很容易地做到这一点,但我想使用Bootstrap来完成。是通过材料设计普及的,它们和Bootstrap
中
的任何其他东西一样易于使用。对于这个例子,它也可以是常规的
div
,而不是卡。我正在努力创建一个可
滚动
的X卡片(或
div
)容器,其中一次显示3张卡片,其他的溢出到右侧,并且是可
滚动
的。我不确定如何使用Bootstrap,给卡片(或
di
浏览 2
提问于2016-03-15
得票数 32
1
回答
创建一个
在
溢出时
水平
滚动
而不溢出页面的柔性盒。
html
、
css
、
flexbox
我有一个边导航栏和内容
在
右边的网页。 height: 100%; display:
flex
;} border:{}
flex
-wrap: nowrap; overflow: auto
浏览 1
提问于2021-07-09
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
最全的实现垂直居中的方法
CSS 布局解决方案
CSS杂谈
CSS布局解决方案
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券