底部始终在文档末尾代码,Css代码库,德仔网

代码语言

代码分类

【Css】底部始终在文档末尾

作者:宗钰 / 发布于2014/11/26/ 564


	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>
	<style type="text/css">
	 *{ padding:0; margin:0;}
	 html,body{width:100%;height:100%;margin:0;}
	.g-doc{position:relative;min-height:100%;_height:100%;}
	.g-bd{padding:0 0 60px;zoom:1;}
	.g-bd p{ line-height:50px;}
	.g-ft{height:50px;margin:-50px 0 0;background:#ddd;}
	</style>
	
	<div class="g-doc">
	 <div class="g-bd">
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 请增加或减少内容，或改变窗口大小，以便查看效果。
	 </div>
	 </div>
	<div class="g-ft">
	 底部始终在文档末尾，当文档较长时跟随在文档末尾，当文档较短时在窗口底部。
	</div>
	
	
	
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　文档末尾　

同语言下

可能有用的

宗钰贡献的其它代码(2)