Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将页脚粘到底部(不固定) 我希望我的页脚贴在页面的底部,现在它在全屏上,因为所有的东西都放在一个窗口里,但是当我调整窗口的大小时,我不得不滚动来查看页脚卡在页面中间的所有东西_Html_Css - Fatal编程技术网

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;
}