深入探讨相对定位和绝对定位_[Html教程]

The author:(作者)归海一刀
published in(发表于) 2014/3/30 5:35:33
深入探讨相对定位和绝对定位_[Html教程]

深入探讨相对定位和绝对定位_[Html教程]
本篇详细关于相对定位和绝对定位的说明实例的文章主题。

A:均不设置postion，一般嵌套关系

B:仅外div设置relative，一般嵌套关系

C:仅内div设置absolute，文档中为嵌套关系，页面中内div浮起[非float]，相对于页面定位，与外div无关。

A:均不设置postion，一般嵌套关系

B:仅外div设置relative，一般嵌套关系

C:仅内div设置absolute，文档中为嵌套关系，页面中内div浮起[非float]，相对于页面定位，与外div无关。

D:外div设置relative，内div设置absolute，内div浮起来并相对于外div定位

D:外div设置relative，内div设置relative，内div浮起来并相对于外div定位

E:这个是说明边界问题。-10 != 反向10px间距

注意两个红色的地方文字,其中,绝对定位在嵌套中,好象要站居一定位置,而相对定位则没有

　
　
　
　
　

If you have any requirements, please contact webmaster。(如果有什么要求，请联系站长)

QQ:154298438
QQ:417480759