Dreamweaver MX教程:在居中頁面使用層
2006/10/16 9:19:54

在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器分辨率后,層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。 
層的絕對定位和相對定位
層的絕對定位代碼:
<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.在一個居中頁面中,把插入點放在文檔中,實例中把插入點放在表格中。

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 久久中文字幕久久久久91| 免费无码不卡视频在线观看| 5g年龄确认大驾光临未满| 怡红院精品视频| 久久人人爽人人爽大片aw| 欧美三日本三级少妇三级久久| 亚洲自国产拍揄拍| 精品无码国产一区二区三区av| 国产国产精品人在线观看| 男女同房猛烈无遮挡动态图| 在线观看中文字幕一区| 一级一级女人真片| 无需付费看视频网站入口| 九九九国产精品成人免费视频| 欧美日韩免费在线观看| 亲密爱人免费观看完整版 | 中文国产成人精品久久水| 日本黄色片在线播放| 亚洲一区二区三区影院| 欧美激情一区二区三区| 从镜子里看我怎么c你| 综合欧美日韩一区二区三区 | 国产中文制服丝袜另类| 黑白禁区在线观看免费版| 国产精品无码av片在线观看播| 99久久精品免费看国产一区二区三区 | 国产精品视频一区二区噜噜| a级黄色毛片三| 婷婷影院在线观看| 三级黄色片在线观看| 色五月五月丁香亚洲综合网| 国产日产欧美精品| 120秒男女动态视频免费| 国产黄大片在线视频| aa视频在线观看| 天天爽天天干天天操| 一个人看日本www| 快穿之肉玩具系统| 两根硕大的挤进了小雪| 成年黄网站色大免费全看| 久99久无码精品视频免费播放|