腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(866)
视频
沙龙
1
回答
在
Vue
中
使用
Flexbox
将
页面
大小
调
整到
视
口
并将
页脚
固定
到
底部
css
、
vue.js
、
flexbox
我有一个
Vue
.js
页面
: <template> <div class="container_navigation">from '
vue
'; import NavBar from 'guide to
flexbox
中
我尝试了设置高度: 100%;最小高度: 100%;对齐项目:拉伸;边距:自动;等等。这些解决方案似乎都不能解决我的两
浏览 84
提问于2021-08-16
得票数 0
回答已采纳
2
回答
页脚
总是位于内容的
底部
,如果在视图
底部
没有足够的内容的话。
css
、
twitter-bootstrap
这两个似乎特别是我想要的,但我不想把
页脚
固定
在
视
口
底部
。 假设
视
口
是
并将
永远是桌面上的全屏。 假设第一页内容很少,内容下面有
页脚
。Relative
在
页脚
的
底部
和视图的
底部
边缘之间留下了
浏览 2
提问于2016-12-07
得票数 2
回答已采纳
2
回答
IE6
固定
定位
css
、
internet-explorer-6
我需要将一个
页脚
固定
到
视
口
的
底部
。IE6就是问题所在--是的,它必须能在IE6
中
工作,但这不是我能决定的。
使用
以下命令: width:1020px; top: expression(0+((e=document.documentElement.scrollTope:document.body.scrollLeft)+'px');}
在
我
浏览 1
提问于2010-07-28
得票数 0
1
回答
将
div放在
视
口
的
底部
,而不覆盖以前的内容
css
内容
在
#container
中
,并且是动态的。可能有一点,也可能有很多。#footer { position:absolute; bottom:0px; } 然后,
页面
将
始终扩
浏览 0
提问于2012-10-20
得票数 0
回答已采纳
2
回答
Css粘性
页脚
-响应型
css
、
wordpress
、
responsive-design
、
sticky-footer
我正在尝试
在
自定义的WordPress主题上创建一个粘性
页脚
。我看过很多在线教程,但都没有成功。有关网站是: 谢谢:)
浏览 0
提问于2013-10-22
得票数 1
回答已采纳
2
回答
Iphone定位:
固定
的;可选的?
css
好的,我
使用
position:fixed;作为侧边栏和
页脚
,所以当您滚动它们时,它们
将
保持
在
主要内容移动(position:static;)的位置。但是,当您放大或更多的Left/Right,它将不再显示
在
屏幕上。“iPad上的Safari和iPhone上的Safari没有可调整
大小
的窗口。
在
iPhone和iPad上的Safari
中
,窗口
大小
设置为屏幕
大小
(减去Safari
浏览 2
提问于2013-07-25
得票数 2
4
回答
$(document).height和$(window).height都返回相同的值--
使用
中正确的doctype。
javascript
、
jquery
、
html
,并让我的动作按钮显示
在
底部
以上的20 my。
将
CSS设置为
底部
为20‘t的
固定
位置不起作用,因为根据
视
口
大小
,动作按钮可能会显示
在
第三列或列外。如果
将
"floating_nav_container“设置为
固定
的,
并将
其设置为中间列的子列,则其行为与
在
DOM顶部设置相同。我选择将其绝对定位在中间列
中
,因为无论浏览器如何调整
大小<
浏览 7
提问于2015-04-07
得票数 0
回答已采纳
2
回答
HTML/CSS布局问题
html
、
css
我有一个
页面
的<body>元素,很明显,我希望它是浏览器窗口的100%。然后我有两个<div>元素,我想将它们堆叠在一起,但诀窍是,我想要
底部
的<div> (一个真正应该是
固定
高度的菜单)来确定顶部<div>的高度。 有没有办法
在
CSS
中
展示这一点?
浏览 2
提问于2010-05-01
得票数 0
3
回答
溢出隐藏在宽度和高度为100%的容器上不起作用
html
、
css
当浏览器调整
大小
时,我试图让图像填满
视
口
并自动调整
大小
,唯一的问题是,由于某种原因,我无法让图像不扩展
到
#wrapper元素之外,即使它已将溢出设置为隐藏,我假设这是因为我
使用
百分比而不是
固定
的宽度和高度现在,当我
将
overflow: hidden;放在body元素上时,它可以工作,但是当你
在
页面
上的任何地方选择文本并向下拖动时,它会向下滚动到图像的
底部
,这是有问题的,因为我有一个绝对定位在屏幕<e
浏览 0
提问于2011-09-18
得票数 6
回答已采纳
2
回答
垂直
固定
页眉和
页脚
,可滚动内容,水平居中
html
、
css
在
带有
固定
/粘性
底部
和标题的10k+
中
,我找不到以下内容(从第3点开始就变得有趣了)。 标题粘在顶部。
页脚
是可选的(取决于应用程序
中
的
页面
),但如果存在,则粘贴到
底部
。页眉、内容和
页脚
是对齐的,并且有
固定
的宽度(1024 or ),
视
口上的任何左、右空间都要用不同的颜色填充(无论是html/body背景色还是div
浏览 4
提问于2014-06-11
得票数 0
1
回答
滚动时
将
页面
顶部和
底部
的文本淡出(
使用
jQuery)
javascript
、
jquery
、
scroll
、
opacity
、
fade
我正在寻找一种方法,将不透明/rgba颜色应用于我的网页的所有内容,因为它达到一定距离的顶部和
底部
的网页。这就是我想要达到的目标: 在上面的例子
中
,一个绝对位置的渐变在文本
底部
的文本之上,给出了文本正在消失的错觉。但是,对于我来说,这不是一个选项,因为我
在
我的
页面
上
使用
背景图像。因此,对于这个项目,我需要
使用
jQuery
将
特定div
中
的内容淡出,因为它越接近
页面
顶部,也越从
底部
淡出。我还
浏览 4
提问于2015-03-21
得票数 1
1
回答
如何
使用
panels_bootstrap_layouts?
panels
我与板子_引导_布局一起
使用
引导主题。引导布局选项确实会显示出来,并且我可以成功地将我的内容(2个视图)添加到我的面板
中
,包括引导布局(2列堆叠):左列中有一个视图,右边列中有一个视图。我的问题是,当我保存和查看
页面
时,视图会显示
在
顶部和
底部
,但不会像浏览器
在
全屏
大小
时那样向左和向右显示。主题似乎被正确地告知了
视
口
大小
,因为当我
将
浏览器窗口调
整到
更小的宽度时,主菜单就会改变方面,因
浏览 0
提问于2013-10-30
得票数 2
回答已采纳
1
回答
有没有一种方法可以
使用
视
口
高度来触发盖茨比上的类?
javascript
、
css
、
reactjs
、
gatsby
、
tailwind-css
场景“简单解决方案” 我得到的简单解决方案是制作两种类型的
页脚
,一种是
固定
的,另一种是松散的,我可以在编写
页面
代码时选择它,比如<Layout footer
浏览 4
提问于2020-06-19
得票数 0
2
回答
在
页面
上显示数百个缩略图的最佳方法
php
、
image
、
page-load-time
网页需要在一个
页面
上显示大量的缩略图,这些缩略图必须在符合视图端口的行
中
显示。图像的高度设置为160 of。图像文件名来自数据库,因此
使用
一个循环来创建<img>标记。我意识
到
需要一段时间才能加载视图中的所有图像,更不用说
在
视
口
之外(“折叠下面”)了。 假设缩略图是针对文件
大小
进行优化的。此外,每行图像的数量需要调
整到
视
口
宽度。
在
页面
上显示这么多图像的
浏览 5
提问于2018-05-05
得票数 0
4
回答
CSS
页脚
,停留在
页面
底部
而不是屏幕
底部
html
、
css
、
footer
我似乎找不到如何在
页面
底部
放置div (
页脚
),而不是
在
屏幕上。我看到的许多答案都说绝对或
固定
,但这会将
页脚
带到屏幕的
底部
和
页面
的中间。HTML#footer{ } 因此,让问题变得简短:如何在
页面
的
底部
而不是屏幕上放置
页脚
。
浏览 3
提问于2015-06-14
得票数 0
1
回答
在
较宽的屏幕上水平地堆放柱子,
在
较小的屏幕上垂直地堆放柱
html
、
twitter-bootstrap
、
css
、
flexbox
为了演示,我已经把它写下来了: 如果
视
口
足够宽,则两列并排显示,所有内容都在
视
口内显示。A栏占75%,B栏占25%。如果
视
口
不够宽,则显示两个列的顶部,每个列都100%宽。列A仍然是(100%-40 to )高,列B有一个高度适合它的内容。该
页面
浏览 1
提问于2016-02-18
得票数 2
回答已采纳
1
回答
柔性粘性
页脚
重叠在窗口
大小
上的柔性兄弟姐妹(高度收缩)
html
、
css
、
flexbox
我有一个非常简单的柔性盒结构,有一个页眉,主和
页脚
子元素,其中
页脚
结束项目,并发挥粘性
页脚
的作用,停留在
页面
底部
的长页。但是,每当窗口缩小(高度)时,
页脚
就会重叠所有内容(其他兄弟姐妹),就像它有一个
固定
位置属性一样。 我希望它有一个默认的行为,并等于其他是隐藏的网站高度太小,以当前的最后一项显示。
浏览 1
提问于2018-10-29
得票数 0
回答已采纳
1
回答
在
Twitter引导3.2.0
中
使用
可滚动的
固定
布局高度
html
、
css
、
twitter-bootstrap-3
我正在
使用
引导3.2.0开发一个设计布局。我有
固定
的页眉和
页脚
。我现在想要的是一个集装箱高度与独立的滚动条。有什么好办法用twitter引导来做到这一点吗?
浏览 1
提问于2014-10-19
得票数 0
回答已采纳
1
回答
固定
位置元素继承挠性项的宽度
css
、
width
、
css-position
、
flexbox
、
fixed
我正在构建一个UI,它需要在
视
口
底部
设置一个
固定
位置/粘性元素,其宽度受主内容区域的约束。主内容区域的两侧有
固定
宽度的左侧和/或右侧边栏,因此我
使用
Flexbox
在
主内容上构建带有flex-grow: 1的三列结构。我从@Marc在上接受的答案中了解
到
,
在
固定
元素上设置width: inherit通常是解决这个问题的方法,但它似乎只有当父元素上有指定宽度时才能工作,这并不能帮助我
浏览 2
提问于2015-12-17
得票数 4
回答已采纳
2
回答
检测移动缩放和默认移动分辨率
javascript
、
android
、
html
、
ios
、
mobile
我正在为我的第三方产品的网站的移动兼容性工作,我面临着位置
固定
的问题。我正在
固定
一个脚注到
视
口
的
底部
。我不能
使用</
浏览 1
提问于2012-08-01
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何更好在Web上的设计表单模式?
H5项目踩坑及出坑实践
基于 Flexbox和CSS Grid 的高效布局
CSS粘性定位是怎样工作的每日前端夜话0x1F
CSS3 Flexbox布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券