《网页设计与制作（HTML5+CSS3）立体化项目教程》 课件 18.定位.pptx

网页设计与制作（HTML5+CSS3）主讲教师：周礼萍

01认识定位02相对定位03绝对定位04固定定位目录contents05粘性定位

PART1认识定位

以下效果如何实现使用标准流或者浮动能实现吗？元素可以自由的在一个盒子内移动位置，并且压住其他盒子?

使用标准流或者浮动能实现吗？元素可以自由的在一个盒子内移动位置，并且压住其他盒子?

使用标准流或者浮动能实现吗？滚动屏幕，位置固定

以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕