前端 -- relative AND absolute 小结

relative AND absolute 小结

从学前端开始，relative和absolute就成了我的老大难。而且总是在自己觉得已经弄清楚的情况下，一旦涉及稍微复杂的案例就又全部弄混淆。
这几天在复习前端的知识，觉得差不多弄懂了一些，在此做一个小结

元素定位

static relative absolute fixed

1. 非 static 元素可以用 top left bottom right 属性来设置坐标
2. relative 是相对定位[相对于本来的位置]
3. absolute 完全绝对定位, 忽略其他所有东西, 往上浮动到 relative 的元素 [脱离了整个结构]
4. fixed 基于 window 的绝对定位, 不随页面滚动改变 [也脱离了整个结构]

在此主要讲 relative和absolute （只贴最主要的代码）

1、一个简单的案例

// html 
	<h1 class="relative"