定位
1.鼠标移入:
:hover
ul>li:hover{
color:red;
}
2. 定位:
作用:实现元素的特殊定位方式
属性: position
取值:
1.static 默认值
2.relative 相对定位
3.absolute 绝对定位
4.fixed 固定定位
relative absolute fixed 被称为“已定位元素”
div
absolute
位置的偏移:
top:10px; bottom:5px; left right
相对定位:
什么叫相对定位:
元素会根据它原来的位置偏移某个距离
属性和值:
position: relative
使用场合:
位置的微调
绝对定位:
属性:
position: absolute;
什么叫绝对定位:
1.绝对定位的元素会脱离文档流——不占据页面空间
2.会相对于最近的已定位的祖先元素实现位置的初始化
3.如果没有已定位的祖先元素,那么他的位置就相对于body进行定位
固定定位:
position:fixed;