定位
将盒子定在某一个位置,所以定位也是在摆盒子,按照定位的方式移动盒子.
定位=定位模式+边偏移.
定位模式用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置....子绝父相: 子级使用绝对定位,父级使用相对定位
子级绝对定位,不会占有位置,可以放到父盒子里面的任意地方,不会影响其他的兄弟盒子.相当于浮动起来了,脱离了标准流,不占用原来的位置....让固定定位的盒子margin-left:版心宽度的一半距离,多走版心宽度的一半位置就可以让固定定位额盒子贴着版心右侧对齐了....定位总结:
定位叠放次序: z-index
在使用定位布局时,可能会出现盒子重叠的情况.此时,可以使用z-index来控制盒子的前后次序....案例
接下来,我们做一个淘宝轮播图的案例,但是图片的切换效果还要等到学了JS才能实现,我们现在只能先做一个简略版(一张图片上左右两侧有小箭头,可以切换图片,下边有一条小的导航栏,也可以切换图片)