CSSでページ番号を下から5番目の高さに表示するにはどうすればよいですか? _html/css

CSSでページ番号を下から5番目の高さに表示するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:43:32

オリジナル

1874 人が閲覧しました

css

ページ上のコンテンツ項目の数はデータベースから読み取られるため、数は固定されません。
しかし、固定下部にページ番号だけを表示したい場合は、CSS でどうすればよいでしょうか?
例:
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
4 yyyy bbbb
5 XXXX CCCC
6 yyyy bbbb
7 XXXX CCCC
8 yyyybbbb
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>

ログイン後にコピー