CSS置顶页脚代码,Css代码库,德仔网

代码语言

代码分类

【Css】 CSS置顶页脚

作者:沉淀岁月 / 发布于2013/9/13/ 1177


	* { margin:0; padding:0; }

	html, body, #wrap { height: 100%; }

	body > #wrap {height: auto; min-height: 100%;}

	#main { padding-bottom: 150px; } /* must be same height as the footer */

	#footer {
	 position: relative;
	 margin-top: -150px; /* negative value of footer height */
	 height: 150px;
	 clear:both;}

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \\*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	<div id="wrap">

	 <div id="main" class="clearfix">

	 </div>

	</div>

	<div id="footer">

	</div>

评论列表

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

试试其它关键字

　置顶页脚　

同语言下

可能有用的

沉淀岁月贡献的其它代码(39)