Fatal编程技术网
  • css/
  • Css can'；不要让页脚停留在页面底部

Css can'；不要让页脚停留在页面底部

css html

Css can'；不要让页脚停留在页面底部,css,html,Css,Html,我的页面页脚位于： 应该在显示“内容”的主内容窗口下方，但我似乎无法让它正好位于显示“CiniCraft（c）2013保留所有权利”的页脚上方 以下是我在HTML5中的代码： <body> <div> <div class="newsBtn"> <h2>News</h2> </div> <div class="instaCraftBtn"> <h2>InstaCraft</h2> &

我的页面页脚位于：

应该在显示“内容”的主内容窗口下方，但我似乎无法让它正好位于显示“CiniCraft（c）2013保留所有权利”的页脚上方

以下是我在HTML5中的代码：

<body>
<div>

<div class="newsBtn">
<h2>News</h2>
</div>

<div class="instaCraftBtn">
<h2>InstaCraft</h2>
</div>

<div class="youTubeBtn">
<h2>YouTube</h2>
</div>

<div class="contactBtn">
<h2>Contact</h2>
</div>

<div class="contentWindow">
CONTENT
</div>

</div>

</body>

<footer>
<div class="dock">
CiniCraft (c) 2013 All Rights Reserved
</div>
</footer>
我如何才能让页脚直接位于内容窗口下方？
谢谢

这是因为您已经浮动了元素。在
contentWindow
div下面创建一个清晰的div

<div style="clear:both"></div>
这是因为您有浮动元素。在
contentWindow
div下面创建一个清晰的div

<div style="clear:both"></div>
您需要的是一个粘性页脚

这将有助于：

此外：


你想要的东西叫做粘脚

这将有助于：

此外：


将
clear:both
赋予页脚。

将
clear:both
赋予页脚。

为什么你的HTML在主体标记之外？为什么你的HTML在主体标记之外？似乎没有任何效果似乎没有任何效果对页脚没有影响page@MattAndrzejczuk这对我很有效，尝试在HTML上使用样式。我没想到你们说的是粘脚，这只会让页脚往下掉，对页面没有影响page@MattAndrzejczuk这对我来说很有效，试着在HTML上使用样式。我没想到你们说的是粘性页脚，这只会让页脚往下掉。