【原】“绝对定位”代码的应用

代码：

<div align="center">
<table border="0" cellSpacing="0" cellPadding="10" width="600" background="http://image48.360doc.com/DownloadImg/2011/11/2518/20260762_10.jpg" align="center">
<tbody>
<tr>
<td>
<table border="0" cellSpacing="10" width="600" background="http://image48.360doc.com/DownloadImg/2011/11/2518/20260762_8.jpg">
<tbody>
<tr>
<td>
<table border="0" cellSpacing="7" cellPadding="0" width="600" background="http://image48.360doc.com/DownloadImg/2011/11/2518/20260762_9.gif">
<tbody>
<tr>
<td>
<table border="0" cellSpacing="3" cellPadding="0" width="600" background="http://image48.360doc.com/DownloadImg/2011/11/2518/20260762_10.jpg">
<tbody>
<tr>
<td>
<table class="divBorderStyle" border="0" cellSpacing="3" cellPadding="0" width="769" background="http://image41.360doc.com/DownloadImg/2011/11/0219/18959862_11" height="970">
<tbody>
<tr>
<td>
<div style="left: 440px; top: 634px; position: absolute;" class="divBorderStyle">
<embed height="508" type="application/x-shockwave-flash" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" width="354" src="http://tmflash./flashxuexi/QQ249181841-376.swf " wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="pic=204342K12-4.jpg&fldr=Mar2010&ww=354&hh=508" allowNetworking="internal"></div>
<div style="left: 150px; top: 860px; position: absolute;" class="divBorderStyle"><img style="width: 400px; height: 404px;" title="东方女性之魅力" border="0" alt="“春天没来”欢迎您" src="http://image57.360doc.com/DownloadImg/2012/12/1806/28992262_2.gif"></div>
<div style="left: 200px; top: 280px; position: absolute;" class="divBorderStyle"><embed height="300" type="application/octet-stream" width="780" src="http://yemaishuyin./user/yemaishuyin/wysc-tmfls/45.swf " allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></div>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

</td></tr></tbody></table></td></tr></tbody></table></div>

代码解析：

1、此代码先设置了一个居中对齐的块区标签，在块区标签中放入一个五重表格；

2、在第五层表格的单元格中设置了三个块区标签。在第一个块区标签中，设置了“居左440px ，居上634px”的绝对定位样式，在第一个块区中，在首标签与尾标签之间放入了一个“高度为508px宽度为354px”的女模特动画图片。

在第二个块区标签中，设置了“居左150px ，居上860px”的绝对定位样式，在首标签与尾标签之间放入了一个“高度为440px宽度为404px”的gif图片。

在第三个块区标签中，设置了“居左200px ，居上280px”的绝对定位样式，在首标签与尾标签之间放入了一个“高度为300px宽度为780px”的闪光动画图片。

 

代码入门教程(1)	代码入门教程(2)	代码入门教程(3)
代码入门教程(4)	代码入门教程(5)	代码入门教程(6)
代码入门教程(7)	代码入门教程(8)	代码入门教程(9)
代码入门教程(10)	代码入门教程(11)	代码入门教程(12)
代码入门教程(13)	代码入门教程(14)	代码入门教程(15)
代码入门教程(16)	代码入门教程(17)	代码入门教程(18)
代码入门教程(19)	代码入门教程(20)	代码入门教程(21)
代码入门教程(22)	代码入门教程(23)	代码入门教程(24)

２０１２年１2月21 日于北京