腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9277)
视频
沙龙
2
回答
如何
让
垂直
导航
栏
占据
页面
高度
的
100
%?
html
、
css
、
nav
(之前列出了
100
vh。) 我想要做
的
是将
垂直
导航
栏
一直延伸到
页面
的底部。下面是我尝试过
的
代码,但没有幸运地将它扩展到所有的方式。 第一段代码.rectangle试图在整个
页面
上绘制一个矩形框。我遇到了与
垂直
导航
栏
相同
的
问题。它不会走到谷底。 .navContainer和.verticalNavBar是我在尝试矩形框之前开始编写
的
代码。 有人能帮我找出问题出在哪里
浏览 81
提问于2021-08-16
得票数 0
4
回答
使
导航
栏
在css中
占据
整个
页面
的
高度
javascript
、
html
、
css
、
navigation
我正在设计一个使用css和html
的
网站。我已经设法使用这个css在
页面
的左侧获得一个
导航
条,但是当屏幕向下滚动时,
导航
栏
就不再继续了。#navbar { float: left; height:
100
%;但是,我想使
导航
栏
的
高度
成为文档
的
高度
。我觉得我可能需要java脚本,但是我对java脚
浏览 15
提问于2013-11-16
得票数 6
回答已采纳
2
回答
使div
的
内容
100
%可滚动,而不延伸到底部
html
、
css
、
twitter-bootstrap
我有以下jsfiddle: 有一个侧边
栏
,可以通过单击“显示通知”按钮来展开。我需要这个侧边
栏
占据
100
%
的
宽度;从顶部
的
导航
栏
屏幕底部(而不是底部
的
内容)。设置height: X%并不能真正解决问题,因为设置为
100
%时,侧边
栏
会显示在屏幕下方。其他一些值存在不能跨各种
垂直
高度
工作
的
问题。我该怎么做才能让侧边
栏
恰好
占据
浏览 1
提问于2016-10-21
得票数 0
1
回答
用绝对位置填充
页面
高度
html
、
css
、
reactjs
即使
页面
有滚动条并且我滚动到底部,我
如何
定位div以
占据
页面
高度
的
100
%。我
的
div是一个模式,位于
导航
栏
下,我将最小
高度
设置为
100
vh,但当我向下滚动时,它似乎不会扩展到
页面
底部。我使用位置绝对不固定,因为我想
让
它相对于
导航
栏
。Search"></input>
浏览 18
提问于2021-04-06
得票数 0
1
回答
地图
占据
了整个
页面
的
高度
html
、
css
我试图
让
我
的
地图
占据
页面
高度
的
100
%,但仍然低于
导航
栏
。 <
浏览 13
提问于2021-05-30
得票数 0
1
回答
如何
使包装器<div>中心不位于固定
的
垂直
导航
栏
下?
css
、
wrapper
我现在有一个
导航
栏
: position:fixed; width:300px; background-color:#000000;我想
让
它位于它右边
的
任何元素都不要放在
导航
栏
下面,我希望能够对一个包装器<div>进行居中,这样它就能按照
导航
栏
没有
占据
的
页面</em
浏览 3
提问于2016-08-22
得票数 0
1
回答
如何
防止在Vue/Vuetify应用程序中缩放时调整传单地图大小
javascript
、
css
、
vue.js
、
leaflet
、
vuetify.js
在使用Vuetify框架
的
Vue.js应用程序中,我遇到了一个关于树叶地图
的
问题。 我试图
让
地图
占据
整个屏幕(顶部
导航
栏
除外),但当我单击缩放按钮时,地图会在
页面
中
垂直
调整大小/重新定位。下面是来自JSFiddle
的
相同问题
的
两个屏幕截图,如前面所示: ? 和之后(注意地图
的
上移,隐藏
导航
栏
下
的
缩放按钮
的
一部分
浏览 30
提问于2019-01-30
得票数 2
回答已采纳
2
回答
如何
在手机屏幕上设置
导航
栏
的
垂直
布局而不使用折叠扩展功能
css
、
html
、
twitter-bootstrap
、
twitter-bootstrap-3
编辑: JS小提琴链接编辑:我现在可以在移动屏幕上获得一个不可折叠
的
垂直
菜单
栏
。现在唯一要解决
的
就是
如何
让
垂直
导航
栏
占据
整个手机屏幕。我正在构建一个简单
的
HTML5应用程序,其中有一个
导航
栏
,这应该是在桌面浏览器
的
页面
顶部水平显示与其相应
的
内容。然而,我希望
导航
栏
在移动浏览器
浏览 0
提问于2014-04-29
得票数 0
1
回答
反应本机
100
%
高度
页
android
、
react-native
反应本机图中
的
示例:
浏览 10
提问于2022-06-02
得票数 0
1
回答
具有
100
%
高度
的
页眉和左侧菜单
的
Html布局
html
、
layout
我正在努力创建一个非常简单
的
标题和两列内容
的
布局-左
导航
和右内容()。 我不能实现
的
是
让
菜单和内容
占据
页面
(不仅仅是窗口)
的
100
%
高度
,同时在菜单和内容之间有一条
垂直
线(边框)。问题是,当绝对定位内容并且两列中
的
任何一列都有足够
的
内容时,滚动条出现时,相应div
的
背景和边框仍然只占窗口
的
100
%,而不是整个内
浏览 0
提问于2011-07-01
得票数 1
2
回答
滚动时
垂直
导航
栏
与页眉分离
html
、
css
、
navbar
、
styling
我正在创建一个
垂直
的
导航
栏
,我希望它固定在左边,
让
容器
占据
整个窗口
的
高度
。这是很好
的
,直到我向下滚动。下面的图片将解释一切。 在这里看起来很好 ? 在这里看起来不太好 ? NavLink> </ul> border-right: 10px solid #626262;
浏览 18
提问于2021-07-28
得票数 0
回答已采纳
2
回答
具有居中
垂直
对齐和
100
%
高度
的
水平菜单
栏
html
、
css
我希望
让
我
的
菜单
栏
上
的
一切
垂直
对齐在中心,与a元素
占据
菜单
栏
可用
高度
的
100
% (文本将
垂直
居中)。但是,我不希望固定我
的
菜单
栏
的
高度
。(如果我要固定
高度
,我只会使用line-height进行
垂直
对齐)。<li><a href="#">Link<
浏览 3
提问于2014-07-15
得票数 0
3
回答
调整窗口大小时图像失真(CSS)
css
、
resize
、
image-scaling
因此,我一直在尝试创建一个简单
的
页面
,其中
的
图像
占据
了
100
%
的
高度
,并带有一个小
的
侧边
栏
。当我调整窗口大小时,我想
让
图像自动调整大小。当我
垂直
调整窗口大小时,宽度保持不变,这不是我想要
的
(无论窗口大小
如何
,我都希望它保持它
的
纵横比)。我真的不喜欢这种扭曲,但不确定
如何
解决它。知道我做错了什么吗?.big-image {
浏览 23
提问于2018-06-04
得票数 0
2
回答
为什么我
的
旋转木马比我
页面
的其余部分宽得多?
html
、
css
、
twitter-bootstrap
、
carousel
我想
让
我
的
旋转木马
的
宽度与我
的
页眉和
导航
栏
相同,但它却
占据
了整个
页面
的宽度。我
如何
改变这一点?提前谢谢。
浏览 0
提问于2016-11-03
得票数 1
2
回答
机身尺寸为
100
in,没有响应性布局。
html
、
css
、
responsive
我把我
的
身高设置为
100
it (我甚至尝试了
100
%),在桌面的正常布局中,它工作得很好。但是,当浏览器
的
垂直
高度
降低时,包括侧边
栏
在内
的
主体和其中存在
的
主要内容都不具有
100
%
的
高度
,没有
占据
窗口
的
全部
高度
。我该怎么做呢?谢谢。我也试过 height:
100
%;body{ hei
浏览 4
提问于2016-09-12
得票数 3
回答已采纳
1
回答
如何
让
折叠
的
Bootstrap
导航
栏
平滑地打开到全屏
高度
?
html
、
css
、
bootstrap-4
我试图
让
Bootstraps折叠
导航
栏
打开到设备
的
完整
高度
,同时覆盖在
页面
的内容之上。我发现有一个名为"fixed-top“
的
导航
栏
类,它覆盖在
页面
内容
的
上方,但我似乎无法正常打开到整个屏幕
的
高度
。使用.collapse ul{height:
100
vh;},
导航
栏
通常会打开,直到最后一个
导航
浏览 47
提问于2020-10-15
得票数 0
回答已采纳
1
回答
CSS中心和
垂直
对齐
html
、
css
我已经使用引导材料用户界面来构建一个注册表单,我试图
垂直
和水平地对齐这个表单到网页
的
中心。到目前为止,我
的
代码如下:.row { justify-content: center;} </div> </form> <&
浏览 2
提问于2015-10-09
得票数 5
回答已采纳
1
回答
放大时,
垂直
导航
栏
不会填满屏幕
的
100
%
高度
html
、
css
我正在尝试构建一个仪表板菜单,其中我使用
垂直
导航
栏
进行
导航
。当窗格右侧没有内容时,
导航
栏
将填充
100
%
的
高度
。当我放大或缩小时,它可以完美地工作,但当
页面
右侧有内容时,
导航
栏
不会在我放大时填满
页面
的
100
%。
导航
栏
的
代码样式如下所示: position: absol
浏览 1
提问于2020-12-06
得票数 0
1
回答
背景图像最大尺寸- Bootstrap 3
css
、
twitter-bootstrap
、
background-image
在“桌面”上,徽标只有3列宽,
导航
栏
的
宽度只有8列|我
的
Logo
导航
列表|我
的
Logo
导航
列表(div
的
宽度和
高度
)。我
的
问题 在较小
的
视口中,我将徽标和
导航
设置为
100
%或12列。IE堆叠
垂直
与标志
的
顶部和
导航
浏览 0
提问于2013-09-03
得票数 0
2
回答
使我
的
DIV拉伸以使用IE中
的
有效CSS填充可用
页面
空间
html
、
css
、
internet-explorer
我试图
让
一个简单
的
DIV布局与IE兼容,它
让
我下地狱。,在#header中我有一个带标签
的
主
导航
栏
。我
的
主要问题是,当我只有少量内容而没有创建
垂直
滚动条时,使#content div
垂直
拉伸以适应整个
页面
。如果我将页眉和页脚设为#content,height:
100
%;会导致
页面
高度
超过
100
%,并触发滚动条。在FireFox中,
让</
浏览 1
提问于2010-08-19
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
UI设计之垂直导航
12款非常棒的jquery下拉菜单
Flex布局教程
前端学习自学笔记:day10
10 分钟理解BFC的作用及原理
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券