定位布局的一些总结

元素的position属性中，fixed和absolute和相似，也很不一样。相似之处在于它们都是被正常流删除的，不同之处在于fixed的位置是相对于整个视窗的，而absolute是相对于某父元素的。

元素的position属性中，fixed和absolute和相似，也很不一样。相似之处在于它们都是被正常流删除的，不同之处在于fixed的位置是相对于整个视窗的，而absolute是相对于某父元素的。

盒模型中，w3school中的width和height都是指内容区的大小，而IE中则指的是除去margin的部分，所以当需要修改某个div的padding时，为保持原来的布局大小需要我们相应的改变内容和外边距。固定布局(Fixed Layout) 采用px作为block的单位。

流动布局(Fluid Layout) 采用%百分比作为block的单位，指定min-width和max-width。

弹性布局(Elastic Layout) 采用em作为block的单位。z-index仅作用于position属性设置为absolute和relative的时候。top，right,bottom,left仅在position属性设置时可用，否则会被忽略。

clip设置对象可视区域，可视区域外是透明的，rect(num上,num右,num下,num左)左上角为(0,0)坐标，仅在position属性设置时可用，否则会被忽略。相对定位用法一：相对位置relative+margin=绝对位置absolute+left..；相对定位用法二：由于是相对定位，故直接使用后它是可以随着浏览器窗口大小的变化而变化的，此时设置width=100%；heigh=50%，而absolute则不会随着浏览器窗口的变化而变化。

通常的网页设计很少只用一种布局方式，而是组合应用各种布局，这里从应用频繁程度多到少给一个顺序，固定布局+浮动布局；固定布局+浮动布局+负边距布局；固定布局+浮动布局+伪列布局；固定布局+浮动布局+定位布局；固定布局+弹性布局；固定布局+流动布局.