CSS footer 始終在底部

時間 2019-12-05

標籤 css footer 始終底部欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		html, body, #wrapper {
			margin: 0;
			width: 100%;
			height: 100%;
		}
		.footer {
			background:#000000;
			text-indent:-9999px;
			width:100%;
			padding:5px 0;
			height:24px;
			margin:-50px 0 0 0;
			position:fixed;
		}
	</style>
</head>
<body>
<div id="wrapper">
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
	<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
	<div class="footer" id="footer">
		<p>ffffffffffffffffffff</p>
	</div>
</body>
</html>

相關標籤/搜索