css绝对定位，没有设置left或top

目标：做h5实现以下情形

问题：不知为何成了这样：

 

 

 分析：

下列是代码：

 

已知id="div_2"的div的父类已经定位，故该div块的位置是相对于这个父类。

修改之前的代码：

进行修改：

 结论：当只给元素定义了position：absolute时，如果top，left没有指定时，则left，top值与原文档流位置一致。

所以，使用绝对定位，或许top和left同时使用会更加符合预期！

 

参考了：https://blog.csdn.net/ice_teas/article/details/104091882