草庐IT

html - 无论浏览器或设备如何,如何将页脚固定在屏幕底部?

这个问题在这里已经有了答案:Howtomakeafooterfixedinthepagebottom(9个回答)关闭9年前。我知道粘性页脚。但我的情况是我正在开发一个将在PC和移动设备上使用的网站。因此,显示的页脚会根据屏幕宽度进行调整。页脚的高度在每个分辨率下都会发生变化。任何人都可以知道如何在页面底部(而不是屏幕)显示页脚。部分页面高度偏小,页脚显示在页面之间。我有以下结构:somecontentsomecontentsomecontent

html - 如何在不使用绝对定位的情况下将 div 定位到容器底部?

我有一个非常困难的CSS问题。我有以下布局(这只是Paint中的快速模型):我需要将红色框float到它容器的底部。通常我会使用position:absolute;bottom:0;但这会导致文本与div重叠,这是我不想要的。我希望该框表现得像第二张图片(情况相同,但文字更多)这可能吗?我不介意放弃对非常旧的浏览器的支持。 最佳答案 不要放弃position:absolute。只需在容器底部添加等于页脚div高度的内边距。#outer{position:relative;padding-bottom:55px;}#foot{posi

html - 如何在不使用绝对定位的情况下将 div 定位到容器底部?

我有一个非常困难的CSS问题。我有以下布局(这只是Paint中的快速模型):我需要将红色框float到它容器的底部。通常我会使用position:absolute;bottom:0;但这会导致文本与div重叠,这是我不想要的。我希望该框表现得像第二张图片(情况相同,但文字更多)这可能吗?我不介意放弃对非常旧的浏览器的支持。 最佳答案 不要放弃position:absolute。只需在容器底部添加等于页脚div高度的内边距。#outer{position:relative;padding-bottom:55px;}#foot{posi

html - div 全宽底部的中心三 Angular 形响应

经过数小时的CSS尝试(抱歉,我仍然是CSS菜鸟)我向您寻求帮助:我想要一个三Angular形作为div的“底部”,同时填充整个屏幕宽度,无论屏幕大小(100%)。当窗口调整大小时,我只想改变三Angular形的宽度,以便它仍然填充整个屏幕宽度(100%),但不是高度。目前整个事情看起来像这样(黑色三Angular形仅用于演示目的),从外观来看这就是我想要实现的目标:我的代码是这样的:.top{background-color:green;height:100px;width:100%;}.bottom{background-color:red;height:200px;width:1

html - div 全宽底部的中心三 Angular 形响应

经过数小时的CSS尝试(抱歉,我仍然是CSS菜鸟)我向您寻求帮助:我想要一个三Angular形作为div的“底部”,同时填充整个屏幕宽度,无论屏幕大小(100%)。当窗口调整大小时,我只想改变三Angular形的宽度,以便它仍然填充整个屏幕宽度(100%),但不是高度。目前整个事情看起来像这样(黑色三Angular形仅用于演示目的),从外观来看这就是我想要实现的目标:我的代码是这样的:.top{background-color:green;height:100px;width:100%;}.bottom{background-color:red;height:200px;width:1

html - 将页脚放在屏幕底部

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CSSstickyfooter这个问题我已经有一段时间了,问题出在我所有的页脚上。每次我在这段代码语法中放置:DESIGNBYMICHAEL&CODEBYROKOFooter{display:block;position:absolute;bottom:0;width:100%;height:141px;background:url(../assets/content/footer.png)repeat-xleftbottom;}页脚要么放在底部,但当您滚动时,它会停留在原处并且​​页脚几乎位于页面的一半位置

html - 将页脚放在屏幕底部

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CSSstickyfooter这个问题我已经有一段时间了,问题出在我所有的页脚上。每次我在这段代码语法中放置:DESIGNBYMICHAEL&CODEBYROKOFooter{display:block;position:absolute;bottom:0;width:100%;height:141px;background:url(../assets/content/footer.png)repeat-xleftbottom;}页脚要么放在底部,但当您滚动时,它会停留在原处并且​​页脚几乎位于页面的一半位置

html - 使用 CSS 使用相对位置对齐屏幕底部的按钮

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。我需要在屏幕底部放置一个按钮。我需要使用相对大小而不是绝对大小,因此它适合任何屏幕大小。我的CSS代码:position:relative;left:20%;right:20%;bottom:5%;top:60%;

html - 使用 CSS 使用相对位置对齐屏幕底部的按钮

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。我需要在屏幕底部放置一个按钮。我需要使用相对大小而不是绝对大小,因此它适合任何屏幕大小。我的CSS代码:position:relative;left:20%;right:20%;bottom:5%;top:60%;

javascript - 如何使用 JavaScript 跳转到放置在页面底部的特定 div?

我有一个位于页面底部的div:我想在执行完我的JS功能后转到这个div。换句话说,我想让我的url变成myurl#myDiv并转到我的div。但无需重新加载页面。如何使用JavaScript做到这一点?不幸的是,我还没有找到解决这个问题的有效解决方案。我没有使用任何JS库和框架。 最佳答案 要滚动到特定元素,请使用scrollIntoView,受IE6+和真实浏览器支持:document.getElementById('myDiv').scrollIntoView();检查DOMReady上的window.location.hash