Dreamweaver MX教程:在居中頁面使用層
2006/10/24 9:23:55

在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器分辨率后,層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。 
層的絕對定位和相對定位
層的絕對定位代碼:
<div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"></div> 
層的相對定位代碼:
<div id="Layer1" style="position: relative; left:45px; top:25px; width:400px; height:155px; z-index:1"></div> 
在居中頁面中,插入相對定位層代碼,層的位置在頁面居中。但是它變得不可移動,使用不夠方便。
插入絕對定位代碼,當left和top含有正負數值,層就無法居中。當清除left和top屬性后,層可以居中,相對頁面其它居中元素沒有錯位現象。
描繪層和插入層的差別
使用描繪層:
 


在一個居中的頁面中,使用描繪層的代碼:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> 
<html> 
<head> 
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> 
<title>div</title> 
</head> 
<body> 
<divid="Layer1"style="position:absolute;left:40px;top:30px;width:265px;height:75px;z-index:1"></div> 
<divalign="center"></div> 
</body> 
</html>
使用插入層:
 


在一個居中的頁面中,使用插入層的代碼:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> 
<html> 
<head> 
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> 
<title>div2</title> 
</head> 
<body> 
<divalign="center"> 
<divid="Layer1"style="position:absolute;width:200px;height:115px;z-index:1"></div> 
</div> 
</body> 
</html> 
使用插入層 
1.在一個居中頁面中,把插入點放在文檔中,實例中把插入點放在表格中。

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 精品成人AV一区二区三区 | 国产香蕉一区二区三区在线视频 | 国产无遮挡又黄又爽高清视| 99久久精品国产片久人| 成人99国产精品| 久久国产小视频| 欧美丰满大乳大屁股流白浆 | 三级网站在线免费观看| 外卖员被男顾客gay| 三中文乱码视频| 日本3p视频在线看高清| 亚洲av无码一区二区三区天堂古代| 正在播放露脸一区| 免费成人在线网站| 美女扒开内裤羞羞网站| 国产伦精品一区二区三区免费迷| 亚洲激情中文字幕| 国产精品青草久久| 99热在线观看| 好男人好资源影视在线| 中文字幕人成乱码中国| 日本在线观看一级高清片| 亚洲AV无码成人黄网站在线观看| 欧美日韩高清在线观看| 人与禽交videosgratisdo视频| 精品无码国产污污污免费网站国产 | 成人在线激情网| 久久久免费精品re6| 日韩视频一区二区在线观看| 亚洲免费观看在线视频| 欧美综合自拍亚洲综合图| 人人妻人人澡人人爽人人精品| 精品人妻中文字幕有码在线| 四虎www成人影院免费观看| 雯雯的性调教日记h全文| 国产成人精品午夜二三区波多野| 色久悠悠色久在线观看| 国产自产21区| 97久久精品午夜一区二区| 天堂√最新版中文在线| jizz老师喷水|