实现子元素绝对定位在父元素某处

1、需求

实现子元素固定在父元素的某一位置

2、思路

父级元素设置 相对定位 position: relative，子级 元素设置 绝对定位 position: absolute， 然后再针 对子元素设置相应的方位bottom等属性值（如将bottom设置为0，表示的是子元素定位在距离父元素底部的0px距离处，即子元素定位在父元素底部）

3、实现

PS：固定的方位可自行设置

 <div style="height: 500px;width: 500px;border:1px solid green;position: relative;">
     	<p style="position: absolute;bottom: 0">我固定在底部</p>
     	<p style="position: absolute;left: 0">我固定在左边</p>
     	<p style="position: absolute;right: 0">我固定在右边</p>
     	<p style="position: absolute;top: 100px;left: 100px;">上边和左边各100px的位置</p>
   </div>

4、效果

方位的值可以为负数，如bottom:-10px等