05_CSS4布局精要.ppt

网站规划与设计—CSS定位属性 王斌 定位属性 定位属性position用于定义一个元素是否absolute（绝对)、relative（相对）、static（静态）、或者fixed（固定）。语法如下。 Position：static|absolute|fixed|relative static：Static值是元素的默认值，表示不使用定位属性定位，也就是盒子按照标准流或浮动方式布局。 fixed称为固定定位，它和绝对定位类似，只是总是以浏览器窗口为基准进行定位，但IE6浏览器不支持该属性值。(不用) 相对定位 relative：Relative使元素偏移一定的距离，偏移的方向及幅度由top、right、bottom和left偏移属性联合指定。 #mydiv { position: relative; left: 50%； top: 30px; } 偏移属性仅对设置了定位属性的元素有效 使用相对定位的盒子的位置定位依据常以标准流的排版方式为基础，然后使盒子相对于它在原来的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。 相对定位举例 #mybox { position: relative; left: 20px; top: 20px; } 相对定位的特点 元素原来占据的位置仍然会保留，也就是说相对定位的元素未脱离标准流； 因为是