Rumah > Artikel > hujung hadapan web > CSS如何让页码在距离底部5个高度地方显示？_html/css_WEB-ITnose
CSS如何让页码在距离底部5个高度地方显示？_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:43:321895semak imbas
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> Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：select option 右边箭头消失_html/css_WEB-ITnoseArtikel seterusnya：图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnose