<html>
<head>
<title>DIV實現(xiàn)簡易漂浮層：固定分頁和操作按鈕在頁面位置 </title>
</head>
<style>
table, th, td
{
border: 1px solid blue;
border-collapse:collapse;
}
div2{
position:absolute;
left:20px;
top:60%;
height:50px;
width:350px;
}
div1{
position:absolute;
right:35%;
top:60%;
height:50px;
width:150px;
}
</style>
<body>
<div style=”width:900px;height:400px;overflow:scroll; border:1px solid;”>
外層DIV頂部
外層DIV第一行
外層DIV第二行
外層DIV第三行
<div style=”background-color:#CCFF00;width:1000px;height:400px;border:1px solid;”>內(nèi)層DIV寬度1600px/高度400px
<table>
<th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th><th>列名XX</th>
<tr><td>字段值</td><td>字段值</td><td>字段值</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
外層DIV底部
外層DIV底部
外層DIV底部
外層DIV底部
外層DIV底部
外層DIV底部
外層DIV底部
外層DIV底部
<div class=”div2″>
<table>
<tr><td>
<input id=”add_btn” type=”button” value=”上頁” onclick=”addRecord();” class=”add_btn”>
<input id=”back_btn” type=”button” value=”下頁” class=”back_btn” onclick=”parent.closeWin();” />
<input id=”add_btn” type=”button” value=”首頁” onclick=”addRecord();” class=”add_btn”>
<input id=”back_btn” type=”button” value=”尾頁” class=”back_btn” onclick=”parent.closeWin();” />
</td></tr>
</table>
</div>
<div class=”div1″>
<table>
<tr><td>
<input id=”add_btn” type=”button” value=”新 增” onclick=”addRecord();” class=”add_btn”>
新聞熱點
疑難解答
