任务四：定位和居中问题
任务目的
- 实践HTML/CSS布局方式
- 深入了解position等CSS属性
任务描述
- 实现如 示例图（点击打开） 的效果
- 灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。
详细任务要求请点击百度前端查看
感想
第四个任务是讲定位的运用，任务要求是十分简单的，但是如果要详细的了解定位的话需要多看些资料，了解清楚定位的原理，一些子父级的关系，嗯建议的话可以看看以下这篇讲解，说得十分详细（这篇讲解是建淞发给我的，很有用处，十分感谢！）（然后我做的练习呢，会和任务要求不太一样，其实就是我把四个角都加上了半圆= =、因为觉得这样看顺眼= =、强迫症= =、不要介意。）
CSS定位讲解
下面是练习的演示和代码
Demo：
百度前端任务四