绝对定位
通过px, em, %为单位设定元素的上下左右位置进行定位
(相对于最近的设置了absolute/fixed/relative的父类)否则相对于浏览器窗口
不要在一个样式中同时设定float属性和position: fixed 或者absolute
相对定位
其他网页元素不会占用相对定位元素原来所在的位置,相对定位的元素发生移动之后,原来的位置会留下一个窟窿
它主要是用来给绝对定位设置新的参照点
固定定位
会被锁定在屏幕的某个位置上
静态定位
默认定位
隐藏元素
- visibility: hidden //不显示元素,在页面上会留下窟窿
- display: none // 完全消失
- opacity: 0 //
仅当hover时才显示
<figure class='hat'>

<figcaption>A picture of hat</figcaption>
</figure>
.hat:hover figcaption {
display: block;
}
网友评论