《网页设计案例教程》教学课件 第10章 CSS定位布局.pptxVIP

;案例说明;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;支撑知识点;CSS的定位属性允许对元素进行定位，与定位相关的属性如表10-1所示。; top、right、bottom和left这4个CSS属性，都是配合position属性使用的，只有当将position属性设置为absolute、relative或fixed时才有效，否则没有任何意义。; 关于相对定位relative和绝对定位absolute，在定位过程中要注意left、top、right和bottom属性只需要定义两个，水平方向：left或right；垂直方向：top或bottom，即X轴与Y轴两点确定位置。不能同时设置4个属性。;;;; overflow属性用于规定当内容溢出元素框时如何处理，其常用的属性值如表10-3所示。;div{ background-color:#00FFFF; width:150px; height:150px; overflow: scroll }; clip属性用来剪裁绝对定位元素，它可以为元素块定义一个矩形裁剪框，裁剪框之内的区域显示，之外的区域不显示（或根据overflow的属性值来处理）。clip属性的基本语法为：clip: rect (top, right, bottom, left