腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
元素
中
使用
定义
的
高度
(
vh
)
时
,
引导
栅格
、
溢出
滚动
和
响应
式
布局
的
问题
css
、
bootstrap-4
我正在尝试
使用
Boostrap 4创建一个两列
布局
,当我设置父容器
的
高度
时
,Boostrap 4会
使用
溢出
滚动
。这里有一个指向小提琴
的
链接:https://jsfiddle.net/zeropsi/g19kzpsh/ 我遇到
的
问题
是,
使用
为.section设置
的
高度
实际上并不会设置列
的</
浏览 13
提问于2020-12-23
得票数 0
回答已采纳
1
回答
引导
3粘性页脚
在
底部
和
100%
的
高度
容器与内容
html
、
css
、
twitter-bootstrap
下面是我
的
css规则: position: relative;} /* Margin bottom by footer heightabsolute; width: 100%; height: 60px;
使用
此示例: 我可以使粘性页脚没有任何
问题
,但有一个
问题
。如何使内容容器达到10
浏览 2
提问于2014-12-02
得票数 1
1
回答
固定页眉
和
页脚,
在
1fr CSS网格区域内具有可
滚动
的
侧边栏
css
、
css-grid
我有一个webapp
的
CSS网格
布局
,有一个固定大小
的
页眉
和
页脚(用rem单元
定义
)
和
一个可扩展
的
中心行(
定义
为1fr),其中包含两个侧边栏
和
一个中央内容区域。外部
栅格
容器
定义
了宽度
和
高度
,以填充视口(100vw/
vh
)。我希望中间
的
一行占据页眉
和
页脚之间
的
所有空间,并使任何
浏览 2
提问于2017-10-13
得票数 1
3
回答
CSS:
在
IE11上损坏
的
柔性盒中
滚动
div?
css
、
flexbox
我有这个
布局
。将容器div设置为 width: 80vw; margin: auto;}这在Chrome
和
Safari
中
运行得很好,但在IE11
中
,
滚动
div不
滚动
--它们达到内容
浏览 2
提问于2016-05-05
得票数 3
回答已采纳
1
回答
垂直
溢出
时
滚动
菜单
html
、
css
、
drop-down-menu
、
hamburger-menu
我试图让这个汉堡包菜单(当页面宽度小于865px
时
可见)
滚动
,以显示屏幕上
VH
溢出
的
内容,因为屏幕不够高,无法同时显示整个菜单。根据我
的
理解,通过设置下拉部分本身
的
固定
高度
,像calc(100
vh
- *header-strip-height*)
和
overflow-y: scroll;结合应用于#header_menus
的
东西应该可以工作,但是,因为#header_menus div是顶部条带<em
浏览 8
提问于2021-05-19
得票数 0
1
回答
分别设置两列可
滚动
和
视口剩余长度
的
高度
css
、
twitter-bootstrap
、
flexbox
、
bootstrap-4
、
responsive
然而,我让这个例子起作用
的
唯一方法是用两个导航器
的
px对
高度
进行硬编码。当然,这在不同
的
浏览器、设备
和
分辨率上可能不起作用。如果添加了任何
元素
或更改了这些
元素
的
大小,它就会中断。 我真正想要
的
是#表单自动调整大小,以填充视图中剩下
的
内容。
在
我的当前示例
中
,如果我添加了另一个
元素
,例如警告,#
浏览 1
提问于2018-12-20
得票数 3
回答已采纳
2
回答
为什么一列缩小到内容大小,而另一列超过浏览器
高度
?
html
、
css
、
twitter-bootstrap
页面上
的
“主要内容!”部分不超过浏览器窗口
的
长度(没有显示
滚动
条),col-sm-2侧导航栏
的
高度
与主内容区域相同。但是,当主内容区域大于浏览器窗口所能容纳
的
范围
时
,侧导航菜单会按其内容
的
大小(而不是主内容div
的
全部
高度
)展开(缩小)。我检查了这种情况发生
的
时间,所有的
元素
都有height: 100%;,甚至
在
检查器缩小后也是如此。我猜想,这要么与Bootstr
浏览 3
提问于2015-05-27
得票数 0
1
回答
溢出
大于100
vh
的
CSS
滚动
捕捉点?
html
、
css
、
scroll-snap-points
、
scroll-snap
当容器
的
高度
超过100
vh
时
,我
在
实现
滚动
捕捉点
时
遇到了
问题
。我想
使用
强制捕捉点,但也允许用户
在
高度
大于100
vh
时
滚动
。我通过
在
我希望用户能够
滚动
的
地方添加额外
的
捕捉点来实现这一点,而不是捕捉到高于100
vh
的
div
的
顶
浏览 9
提问于2019-09-10
得票数 5
3
回答
我如何使它成为
高度
:100 or
在
移动
和
或
滚动
css
、
sass
、
responsive
我想让它
响应
较小
的
设备。
问题
是,
在
移动平台上,侧边栏无法
滚动
到底部
的
最后一项,我不知道如何使它在移动屏幕上看起来更好。解决方案如下: #sidebar { }但这不管用,为什么要闲逛。有什么想法吗?
浏览 0
提问于2019-08-11
得票数 1
回答已采纳
1
回答
CSS
滚动
-对齐到位?
html
、
css
、
vertical-scrolling
我正在尝试
使用
CSS为网站实现垂直对齐
滚动
,但遇到了
问题
。为了隔离
问题
,我创建了这个玩具示例: <!scroll-snap-type: y mandatory; .tile { </div> </div&g
浏览 12
提问于2020-11-22
得票数 2
回答已采纳
1
回答
我希望
引导
“内容”容器有两个容器,一个固定
高度
,一个带有百分比。
html
、
css
、
twitter-bootstrap
、
containers
、
css-calc
我有一些
问题
,如何编程一个
响应
的
“内容”框从
引导
。如所示,我希望使
引导
带content-inner
的
内部
响应
。在内容-内框
中
我有 第二个容器(一个article容器)是一个容器,它应该占用页面的剩余空间(因此,随着
高度
的
增加,白色背景应该变大,顶部
和
底部
的
灰色空间应该更小这个容器也有一个
溢出
-y,但是<em
浏览 1
提问于2017-07-18
得票数 2
回答已采纳
1
回答
为什么带有绝对位置
的
输入
溢出
会导致页面上
的
全局
滚动
条?
html
、
css
、
scrollbar
、
overflow
当我
在
具有position: absolute样式
的
div (或任何类型
的
不可见
溢出
)中有一个带有overflow: scroll样式
的
输入时,当div确实
溢出
时
,html
元素
获得
溢出
内容
高度
的
垂直
滚动
条如果将<input>
元素
替换为空
的
<div>,那么
问题
就不会再显示了。 我
的
浏览 2
提问于2020-12-23
得票数 0
1
回答
CSS位置:粘滞
和
溢出
css
、
css-position
基本上,我试图实现
的
是,如果有比浏览器
高度
更多
的
内容,则
使用
滚动
条显示带有position: sticky
的
元素
。 height: 200
vh
; float: right; position<br />
浏览 2
提问于2016-06-10
得票数 32
回答已采纳
2
回答
带有粘性头
的
响应
挠性盒设计
css
、
sticky
、
flexbox
我有
问题
,为我
的
响应
布局
网站设计一个粘性
的
标题,
使用
flex框。我发现这把小提琴几乎解决了我
的
问题
,但没有完全解决: 如何使标题
元素
高度
与标题中
的
内容相匹配,因为
高度
取决于设备视图
的
宽度而不同?如果解决了#1,如何使文章和页脚
在
可变
高度
页眉粘粘到顶部
时
滚动
?html,主体{页边距:0;<e
浏览 1
提问于2014-02-22
得票数 3
3
回答
Safari、Firefox
和
Edge对Chrome浏览器(
溢出
-y)
滚动
的
不同行为
css
、
google-chrome
、
webkit
、
flexbox
、
twitter-bootstrap-4
在这个页面上
的
柱塞()有一个奇怪
的
问题
。
在
iPad或iPhone、iOS、Safar
浏览 6
提问于2017-04-03
得票数 10
3
回答
如何
使用
100 be创建网页以
响应
html
、
css
、
layout
我需要创建一个
使用
100 the
的
网页,或者占屏幕
高度
和
宽度
的
100% (没有
滚动
)。我创建了一个容器(
高度
:100 to ),它包含其中
的
所有内容,而在该容器
中
,我需要所有的东西都能
响应
。设计理念: 外部容器
高度
为100 be,我需要内部容器
响应
: position: relative; overf
浏览 0
提问于2018-05-06
得票数 3
回答已采纳
2
回答
在
父div
中
滚动
子div
javascript
、
jquery
、
html
、
css
一些背景到目前为止我尝试过
浏览 2
提问于2018-05-05
得票数 1
回答已采纳
1
回答
如何
使用
双窗格
布局
和
使用
柔性盒
的
标题
滚动
?
css
、
responsive-design
、
flexbox
我已经
在
Chrome 32上随意
使用
了几个月,我喜欢我看到
的
东西。但现在,我碰到了一面墙,把overflow: scroll介绍到我
的
柔性盒
布局
中
。overflow: scroll需要一个显
式
的
height或min-height来知道何时开始
滚动
。当我做一个简单
的
双窗格柔性盒
布局
时
,我可以给每个面板一个100%
的
高度
它
的
父母,这
浏览 0
提问于2014-02-14
得票数 2
回答已采纳
1
回答
使用
CSS
vh
单位
和
百分比
时
不显示
的
内容
html
、
css
、
responsive-design
当
使用
CSS
vh
和
百分比来
定义
元素
(例如div )
的
高度
时
,如果内容
溢出
元素
,
元素
会拉伸。
在
我
的
笔
中
,我试图填写底部div
的
内容(它有一个联系人id )。但是,一旦内容
溢出
,div就不会调整大小。
浏览 3
提问于2017-05-26
得票数 1
回答已采纳
1
回答
当设置为
溢出
时
滚动
时
,Vuetify v-list不会考虑其父列表
的
高度
html
、
vue.js
、
flexbox
、
vuetify.js
在这个站点上,我需要在一个列中有一个可选对象
的
列表,它可能非常大(它最终肯定会
溢出
屏幕) 我将这些项存储
在
一个<v-list>组件
中
,并命令它在
溢出
时
滚动
。然而,
问题
是,当<v-list-item>
元素
的
数量太多时,它会迫使其父列增加大小,从而破坏不可
滚动
的
页面
布局
。这似乎是因为所有实际
的
<v-list-item&g
浏览 22
提问于2021-05-18
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
MasterGo 的“容器”与“组”有啥不同?用对了设计更高效
新手小白的web端设计入门攻略
华为专家解读Mate X折叠屏单页面布局设计
华为资深专家深入解读折叠屏单页面布局设计
Web前端人员必须掌握什么 CSS使用技巧有哪些
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券