元素的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则不会随着浏览器窗口的变化而变化。
通常的网页设计很少只用一种布局方式,而是组合应用各种布局,这里从应用频繁程度多到少给一个顺序,固定布局+浮动布局;固定布局+浮动布局+负边距布局;固定布局+浮动布局+伪列布局;固定布局+浮动布局+定位布局;固定布局+弹性布局;固定布局+流动布局.
元素的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则不会随着浏览器窗口的变化而变化。
通常的网页设计很少只用一种布局方式,而是组合应用各种布局,这里从应用频繁程度多到少给一个顺序,固定布局+浮动布局;固定布局+浮动布局+负边距布局;固定布局+浮动布局+伪列布局;固定布局+浮动布局+定位布局;固定布局+弹性布局;固定布局+流动布局.