CSS关于相对定位和绝对定位的说明实例

CSS 2018-12-27


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间距

相关文章

Css3如何实现鼠标移上变长特效？
Css3如何实现鼠标移上变长特效？（图文+视频）
css3怎么实现鼠标悬停图片时缓慢变大效果?
css3怎么实现鼠标悬停图片时缓慢变大效果?（图文+视频）
jquery如何实现点击网页回到顶部效果？
jquery如何实现点击网页回到顶部效果？（图文+视频）
css3边框阴影效果怎么做？
css3边框阴影效果怎么做？（图文+视频）
css怎么实现圆角边框和圆形效果？（图文+视频教程）
css怎么实现圆角边框和圆形效果？（图文+视频教程）
Css3如何实现旋转移动动画特效
Css3如何实现旋转移动动画特效