Question

我如何实现这个简单的目标？

Answer 1

您可能希望将绝对对齐的div放在相对对齐的容器中 - 这样它仍然会包含在容器中而不是浏览器窗口中。

<div style="position: relative;background-color: blue; width: 600px; height: 800px;">    

    <div style="position: absolute; bottom: 5px; background-color: green">
    TEST (C) 2010
    </div>
</div>

Answer 2

尝试：

.bottom {
    position: fixed;
    bottom: 0;
}

Answer 3

试试这个

 <head>
 <style type ="text/css" >
   .footer{ 
       position: fixed;     
       text-align: center;    
       bottom: 0px; 
       width: 100%;
   }  
</style>
</head>
<body>
    <div class="footer">All Rights Reserved</div>
</body>

Answer 4

根据我的研究并从这篇文章开始，我认为这是最好的选择：

<p style=" position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;">This will stick at the botton no matter what :).</p>

此选项允许调整页面大小，即使页面为空白，它也会停留在底部。

Answer 5

这就是我的方法。

#copyright {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	bottom: 0px;
	width: 100%;
}

		<div id="copyright">
		Copyright 2018 &copy; Steven Clough
		</div>

Answer 6

旧线程，但... Konerak的答案有效，但为什么你甚至会默认设置容器的大小。我喜欢在任何地方使用代码，无论猪的大页面大小是多少。所以这是我的代码：

<style>
   #container {
    position: relative;
    height: 100%;
 }
 #footer {
    position: absolute;
    bottom: 0;
 }
</style>

</HEAD>

<BODY>

 <div id="container">

    <h1>Some heading</h1>

<p>Some text you have</p> 

<br>
<br>

<div id="footer"><p>Rights reserved</p></div>

</div>

</BODY>
</HTML>

诀窍是在<br>中你打破新线。因此，当页面很小时，您可以根据需要在页面底部看到页脚。

但是，当一个页面太大而你必须将它向下滚动时，那么你的页脚将在上面的整个内容下成为2个新行。如果你的页面会更大，那么你的页脚就会变坏。我希望有人会觉得这很有用。

如何将文字粘贴到页面底部？

6 个答案: