Maison > interface Web > tutoriel HTML > le corps du texte

CSS如何让页码在距离底部5个高度地方显示?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:43:32
original
1896 Les gens l'ont consulté

css

页面中的内容条数有由数据库中读取出来,所以条数不固定。
但是只想在固定的底部显示页码怎么用css做?
例如:
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
4 yyyy bbbb
5 XXXX CCCC
6 yyyy bbbb
7 XXXX CCCC
8 yyyy bbbb
  page1
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC





  page2

回复讨论(解决方案)

参考

<!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>
Copier après la connexion

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal