Maison > Article > interface Web > CSS如何让页码在距离底部5个高度地方显示？_html/css_WEB-ITnose
CSS如何让页码在距离底部5个高度地方显示？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:43:321895parcourir
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> Déclaration：
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
Article précédent：select option 右边箭头消失_html/css_WEB-ITnoseArticle suivant：图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnose