(精)第4章4 CSS高级.pptVIP

《基于Web标准的网页设计》 唐四薪 编著 清华大学出版社 配套网站： 4.8 相对定位和绝对定位 内容提要 定位属性position及其取值 相对定位 相对定位的应用－偏移的导航条 网页居中的相对定位法 绝对定位 绝对定位的应用 缺角的导航条 小提示窗口 下拉菜单 使用定位属性position 利用浮动属性定位只能使元素浮动形成图文混排或块级元素水平排列的效果，其定位功能仍不够灵活强大。 本节介绍的在定位属性下的定位能使元素通过设置偏移量定位到页面或其包含框的任何一个地方，定位功能非常灵活。 定位属性position的取值 为了让元素在定位属性下定位，需要对元素设置定位属性position，position的取值有四种，即relative、absolute、fixed和static。 其中static是默认值，表示不使用定位属性定位，也就是盒子按照标准流或浮动方式布局。fixed称为固定定位，它和绝对定位类似，只是总是以浏览器窗口为基准进行定位，但IE6浏览器不支持该属性值。因此定位属性的取值中用得最多的是相对定位（relative）和绝对定位（absolute），下面分别来介绍它们的作用。 偏移属性 偏移属性是指 top、left、bottom、right四个属性，它们的取值可以为像素等绝对单位，也可以是百分比 #mydiv { position:absolute; le