ccs元素定位

定位会改变元素位置、设计前需注意

• 一个块（如div）占总长度width+margin+border+padding
• 主要属性：width（框模大小）+margin（外边距）+border（框边线）+padding（内边距）
• 注意：1、两个块的margin会产生合并，设置时需要考虑。（合并后的margin等于比较大的margin）
• 2、对border-width：进行设置时必须先对border-style设置边框线类型

ccs定位

网页默认是文档的排序的，规则是一个接着一个
ccs的元素排版：文档流（默认）、相对定位、绝对定位

用于排版的属性position：static
ralative
absolute
fixed   (浮动广告)


注意：

• ralative和abslute的区别：1、"文档流"的改变不同：当设置absolute时会删除这个元素所占文档流的位置（紧贴着的下一个元素会顶上删除的位置），设置ralative不会删除文档流的位置
• 2、"子便签"中位置定位： absolute属性子便签在父类中定位时，父类属性也必须是absolute（若父类父类都没有设置成absolute则会定位在body）；ralative属性的子标直接是定位到上级的父类（不考虑父类的属性）
• 元素对齐：div是块级元素，若让他居中；只能设置它的margin：auto
• overflow 设置当元素的内容溢出其区域时发生的事情。
• z-index  设置元素的堆叠顺序。
• clip 设置元素的形状。元素被剪入这个形状之中，然后显示出来。
• vertical-align 设置元素的垂直对齐方式。

元素定位主要用于页面布局其中float或inline-block属性非常重要

float代码一：