6CSS布局和定位.ppt

定位 1，left 检索或设置对象与其最近一个具有定位设置的父对象左边相关的位置 2，right，top，bottom 设置右，上，下的位置 3，position 检索对象的定位方式 , absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。 如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 relative : 对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置 4，z-index 检索或设置对象的层叠顺序 较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值，那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象，此属性的 number 值为正数的对象会在其之上，而 number 值为负数的对象在其之下 布局 1，float 该属性的值指出了对象是否及如何浮动 , 当该属性不等于 none 引起对象浮动时，对象将被视作块对象( block-level )，即 display 属性等于 block 。也就是说，浮动对象的 display 属性将被忽略。跟随浮动对象的对象将移动到浮动对象的位置。浮动对象会向左或向右移动直到遇到边框( border 、内补丁( padding 、外补丁( margin 或者另一个块对象( block-level )为止 2，display 设置或检索对象是否及如何显示。 block : CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行 none : CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行 3，Clear 该属性的值指出了不允许有浮动对象的边。 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有浮动对象