定位 实现堆叠效果
定位模式 + 边偏移
top、bottom/left、right
定位属性 position
静态定位: position:static;
相对定位: position:relative;
相对于自己本来的位置
占位 仍在标准流中
绝对定位: position:absolute;
参照:父级/祖先盒子 若无定位 则以浏览器
不占位 脱离了标准流
固定定位: position:fixed;
参照:屏幕(可视窗口)
脱离标准流
子绝父相
子级绝对,父级相对
定位的盒子居中
因为定位 margin居中失效
水平居中: left :50%; margin-left:-自己的宽度的一半
垂直居中: top :50%; margin-top:-自己的高度的一半
z-index堆叠顺序
定位的z轴显示
只能用于相对定位、绝对定位和固定定位
改变盒子元素的display属性 如何改为行内块
1、display: inline-block;
2、float浮动
3、绝对定位 固定定位
鼠标显示手型图标
cursor: pointer;
轮播图底小圆点
用ol嵌套li
固定定位盒子放大缩小都跟随版心
left: 50%;
margin-left: -版心的一半+自己的宽度+随意值
让内容超出隐藏 并且用省略号
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;