CSS定位技巧大全深入理解与实战应用.pptVIP

第11章CSS定位10月10日星期日第1页第1页

学习目标掌握CSS属性position定位掌握CSS属性float浮动掌握CSS属性clear清楚浮动第2页/10/10星期日

定位就是确定元素在网页上的位置，主要通过position来实现定位。浮动也对元素的位置产生影响，因此本周介绍positon和浮动实现元素定位。从本章开始，所有的样式定义采用外部样式表，CSS文件、图片、网页的目录结构如图所示：第3页/10/10星期日

11.1position定位CSS有三种基本定位机制：普通流、浮动和绝对定位。假如没有指定定位方式，元素将在普通流中定位。position属性能够设置4种不同类型的定位，其取值如下表：第4页/10/10星期日

11.1position定位例11-1演示相对定位与普通流定位的不同。第5页/10/10星期日

11.1position定位mon.css部分代码（保存在css文件夹中）。第6页/10/10星期日

11.1position定位例11-1在浏览器中的浏览效果如下图所示：第7页/10/10星期日

11.1position定位定位还能够与伪类结合使用：第8页/10/10星期日

11.1position定位绝对定位，相对于其定位祖先元素定位，所谓定位元素就是元素采用了相对定位或绝对定位，次元素就是定位