CSS布局技巧与常见问题.pptx

定位网页元素第八章

回顾与作业点评设置页面元素浮动时，left和right有什么区别？如何清除一个网页元素的左浮动？使用clear与overflow扩展盒子高度的区别有哪些？提问2/30

预习检查position属性值absolute表示什么定位？网页常用的定位有哪几种？在CSS中如何设置网页元素的透明度？在网页中z-index对没有设置定位的网页元素有效吗？提问3/30

本章任务制作经济半小时专题报道页面制作带按钮的轮播广告制作下拉列表导航菜单制作当当图书榜页面4/30

本章目标会使用position定位网页元素会使用z-index属性调整定位元素的堆叠次序5/30

定位在网页中的应用下拉列表随滚动条移动的广告图片工作地点选择框6/30

定位position属性static：默认值，没有定位relative：相对定位absolute：绝对定位fixed：固定定位fixed目前还不被一些浏览器支持，实际网页制作中也不常用经验7/30

static定位static属性值演示示例1：static定位没有定位，以标准流方式显示8/30

相对定位relative属性值相对自身原来位置进行偏移偏移设置：top、left、right、bottom演示示例2：relative定位示例#first{ background-color:#FC9; border:1px#B55A00dashe