下载此文档

HTML5培训-CSS基础之绝对定位.doc

文档分类：IT计算机 | 页数：约8页举报非法文档有奖

1/8

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/8 下载此文档

文档列表 文档介绍

HTML5培训-CSS基础之绝对定位.doc专注于离级次件工程师的培弄—-CSS基础之绝对定位讲师:李南江绝对定位<!DOCTYPEhtml><htmllang="en”><head><metacharset="UTF-8"><title>76-定位流■绝对定位v/title><style>*{margin:0;padding:0;}div{width:lOOpx;height:lOOpx;}.boxl{background-color:red;}.box2{background-color:green;position:absolute;/*float:left;*/left:0;/*right:0;*//*top:0;*/bottom:0;}.box3{background-color:blue;}span{position:absolute;width:lOOpx;height:lOOpx;background-color:yellow;</style></head><body><!-1•什么是绝对定位?专注于离级次件工程师的培弄—<divclass=Hboxlllx/div><divclass=nbox2"></div><divclass="box3"x/div><!-<span>我是span</span>--></body></html>绝对定位■参考点<!DOCTYPEhtml><htmllan”><head><metacharset="UTF-8"><title>77-绝对定位■参考点</title><style>*{margin:0;padding:0;}.boxl{width:300px;height:300px;background-color:red;position:relative;}.box2{width:200px;height:200px;background-color:green;position:relative;}.box3{width:lOOpx;height:lOOpx;background-color:blue;position:absolute;left:0;bottom:0;专注于离级次件工程师的培弄——</style></head><body>,无论有没有祖先元素,,并且祖先元素也是定位流,•如果一个绝对定位的元索有祖先元索,并口tfl先元索也是定位流,而且祖先元索屮有多个元索都是定位流,那么这个绝对定位的元索会以离它最近的那个定位流的祖先元索为参考点<divclass=HboxlH><divclass=Hbox2"><divclass=Mbox3"x/div></div></div></body></html>绝对定位•注意点<!DOCTYPEhtml><htmllang=”en”〉<head><metacharset="UTF-

HTML5培训-CSS基础之绝对定位来自淘豆网www.taodocs.com转载请标明出处.