css 什么叫父容器,什么叫子容器?父对象?

html-css012

css 什么叫父容器,什么叫子容器?父对象?,第1张

父容器就是用来包含目标元素的容器,相反,子元素就是在目标元素内的,父子是一个相对的概念

比如

<div>

     <p></p>

</div>

根据上面的代码p元素就是div的子元素,div就是p的父容器

你好,首先先看一下代码:

效果如下:

这个是默认的样式,也就是两个div都是static的状态所显示的样子。那么接下来给子级div设置position样式,修改的代码如下:

这里只是修改了子级的样式,这也就是为了显式的表现你的要求(父级的div也就是你说的父元素),而父元素的样式没有改变。

效果如下:

那么在这里,只是修改了子元素的样式,所以子级div也就是相当于父级的div发生了位置的改变。也就是你说的那个意思:相对于 static 定位以外的第一个父元素进行定位。

希望能帮到你。望采纳。