Html 将页脚粘到底部(不固定) 我希望我的页脚贴在页面的底部,现在它在全屏上,因为所有的东西都放在一个窗口里,但是当我调整窗口的大小时,我不得不滚动来查看页脚卡在页面中间的所有东西
你可以使用引导来创建一个粘性页脚。以下是他们提供的示例:Html 将页脚粘到底部(不固定) 我希望我的页脚贴在页面的底部,现在它在全屏上,因为所有的东西都放在一个窗口里,但是当我调整窗口的大小时,我不得不滚动来查看页脚卡在页面中间的所有东西,html,css,Html,Css,你可以使用引导来创建一个粘性页脚。以下是他们提供的示例: 我希望这有帮助 您可以使用引导创建粘性页脚。以下是他们提供的示例: 我希望这有帮助 这不是一个完整的例子。至少我必须看到主体,它可能需要height:100vhbody{背景色:#556F7A;height:100%;}@Midorikawa“寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建一个问题。“
我希望这有帮助 您可以使用引导创建粘性页脚。以下是他们提供的示例:
我希望这有帮助 这不是一个完整的例子。至少我必须看到主体,它可能需要
height:100vh
body{背景色:#556F7A;height:100%;}@Midorikawa“寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建一个问题。“为什么我从不回答唯一可行的解决方案(固定位置)的问题?”由于未知原因被标题禁止…@Midorikawa是的,嗯高度:100%
意味着在身体上填充所需的空间。。。给它最小高度:100vh
,它可能会被修复。这是一个不完整的示例。至少我必须看到主体,它可能需要height:100vh
body{背景色:#556F7A;height:100%;}@Midorikawa“寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建一个问题。“为什么我从不回答唯一可行的解决方案(固定位置)的问题?”由于未知原因被标题禁止…@Midorikawa是的,嗯高度:100%
意味着在身体上填充所需的空间。。。给它最小高度:100vh
,它可能是固定的
footer {
font-family: arial;
bottom: 0;
position: absolute;
color: #fff;
width: 100%;
background-color: #2E6171;
text-align: center;
padding: 15px 0;
-webkit-box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
box-shadow: 0px -10px 40px -3px rgba(0,0,0,0.75);
letter-spacing: 1px;
}