css子绝父绝,子元素可以以父元素为坐标么

html-css014

css子绝父绝,子元素可以以父元素为坐标么,第1张

当然可以。子元素是绝对定位，父元素为相对定位、绝对定位或固定定位，则子元素均以父元素作为坐标参照系。顺便说说：可以隔代，比如子元素是绝对定位，父元素非定位元素，但祖父元素是相对定位，则子元素以祖父元素作为坐标参照系。

1、新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离：

2、然后保存文件打开浏览器看看效果，位置显示还是比较明显的：

3、最后解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法：