4.4CSS高级概要.ppt

Web标准网页设计与PHP 唐四薪 编著 清华大学出版社 4.7 相对定位和绝对定位 内容提要 定位属性position及其取值 相对定位 相对定位的应用 偏移的导航条 网页居中的相对定位法 绝对定位 绝对定位的应用 缺角的导航条 小提示窗口 下拉菜单 定位属性position的取值 为了让元素在定位属性下定位，需要对元素设置定位属性position position的取值有四种，即relative、absolute、fixed和static。 定位属性的取值中用得最多的是相对定位（relative）和绝对定位（absolute） 偏移属性 偏移属性是指 top、left、bottom、right四个属性，它们的取值可以为像素，也可以是百分比 #mydiv { position:absolute; left: 50%； top: 30px; } 偏移属性仅对设置了定位属性的元素有效 4.7.2相对定位 相对定位 使用相对定位的元素的位置常以标准流的定位方式为基础，然后使盒子相对于它在原来的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。 如果对一个元素设置相对定位属性（position: relative;），那么它将保持在原来的位置上不动。如果再对它通过top、left等属性值设置垂直或水平偏移量，那么它将“相对于”它原来的位置