盒子模型与定位.pptVIP

4. 盒子的浮动与定位 盒子的定位 Relative：称为相对定位，使用相对定位的盒子的位置根据常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。 盒子的浮动与定位 盒子的定位 Absolute：绝对定位，盒子的位置以他的包含框为基准进行偏移。绝对定位的框从标准流中脱离。这意味着它们对其后的兄弟盒子的定位没有影响，其他的盒子就好形这个盒子不存在一样。 4. 盒子的浮动与定位 盒子的定位 Fixed：称为固定定位，它和绝对定位类似，只是以浏览器窗口为基准，进行定位。 4. 盒子的浮动与定位 盒子的display属性 body divBox-1/div divBox-2/div divBox-3/div spanBox-4/span spanBox-5/span spanBox-6/span divBox-7/div spanBox-7/span /body 盒子的浮动与定位 盒子的display属性 body div style=display:inlineBox-1/div div style=display:inlineBox-2/div div style=display:inlineBox-3/div span style=display:blockBox-