绝对定位

通过px， em， %为单位设定元素的上下左右位置进行定位
(相对于最近的设置了absolute/fixed/relative的父类）否则相对于浏览器窗口

不要在一个样式中同时设定float属性和position: fixed 或者absolute

相对定位

其他网页元素不会占用相对定位元素原来所在的位置，相对定位的元素发生移动之后，原来的位置会留下一个窟窿
它主要是用来给绝对定位设置新的参照点

固定定位

会被锁定在屏幕的某个位置上

静态定位

默认定位

隐藏元素

• visibility: hidden //不显示元素，在页面上会留下窟窿
• display: none // 完全消失
• opacity: 0 //

仅当hover时才显示

<figure class='hat'>
  ![](hat.jpg)
  <figcaption>A picture of hat</figcaption>
</figure>

.hat:hover figcaption {
  display: block;
}