JAVA程序员笔记（第二阶段：前端）第4篇——定位、太极图、经典轮播图一、简单transfrom变换效果

元素会脱离文档流，定位是相对于离它最近的且不是static定位的父元素而言，若该元素没有设置宽度，则宽度由元素里面的内容决定，且宽度不会影响父元素，定位为absolution后，原来的位置相当于是空的，下面的的元素会来占据。

元素仍处于文档流中，定位是相对于原本自身的位置，若没有设置宽度，则宽度为父元素的宽度，该元素的大小会影响父元素的大小。

通俗来说：

• 绝对定位相当于将该块拿起来，然后摆放在其他块的头顶上，所以会遮盖其他块，且不会占（最底下一层）其他块的位置。但是会受其父类块的影响，不能超过他的父类块区域。
  因为在不设置的情况下，其父类块区域是body，就是整个网页，因此会遮挡其他块。
  然是如果他的父类块是另一个div之类的，该绝对定位的块，不能超出其父类块的区域。

• 相对定位则是本身留在原地，但是隐身了，看不见却能占位置
  举个例子：相对定位就是放出去的风筝，人还在地上，但是从天上往下看只能看到风筝。人在地上占着位置，但是风筝不会占其他地上人的位置。
  反之，绝对定位就是人飞起来了，不占位置

固定在浏览器某个确定的位置，不会发生变化。

    
    
    





1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

这里先做出样式 用的小米官方的图片，侵权的话本人会自删的

简单的动画效果，作为后端程序员，动画这方面稍作了解即可。