深入探讨相对定位和绝对定位

《深入探讨相对定位和绝对定位》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、深入探讨相对定位和绝对定位>>edu.5151doc.教育资源库本篇详细关于相对定位和绝对定位的说明实例的文章主题。<style>body{margin:30px;font-size:9pt;}.a,.b,.c,.d,.e{argin:5auto;color:#fff;background:#000;}.aa,.bb,.cc,.dd,.ee{top:10px;left:10px;argin:30px;font-size:9pt;}.a,.b,.c,.d,.e{argin:5auto;color:#

2、fff;background:#000;}.aa,.bb,.cc,.dd,.ee{top:10px;left:10px;width:10px;height:10px;overflow:hidden;background:#F90;}.b,.d,.e{position:relative;}.cc,.dd,.ee{position:absolute;}</style><divclass="a"><divclass="aa"></div>A:均不设置postion，一

3、般嵌套关系</div><divclass="b"><divclass="bb"></div>B:仅外div设置relative，一般嵌套关系</div><divclass="c"><divclass="cc"></div>C:仅内div设置absolute，文档中为嵌套关系，页面中内div浮起[非float]，相对于页面定位，与外div无关。</div><divclass="d"style="ba

4、ckground:#ff0000"><divclass="dd"></div>D:外div设置relative，内div设置absolute，内div浮起来并相对于外div定位</div><divclass="d"style="background:#ff0000"><divclass="dd"style="position:relative"></div>D:外div设置relative，内div设置relative，内div浮起

5、来并相对于外div定位</div><divclass="e"><divclass="ee"style="left:-10px;"></div>E:这个是说明边界问题。-10!=反向10px间距</div>注意两个红色的地方文字,其中,绝对定位在嵌套中,好象要站居一定位置,而相对定位则没有[这篇文章来自..，]