浮动与定位
元素浮动属性:float:left(元素向左浮动),right(元素向右浮动),none(元素不浮动)
清除浮动: clear:left(清除左侧浮动的影响),right(清除右侧浮动的影响),both(清除左右侧浮动的影响)。当子元素设置浮动时,如果不对其父元素定义高度,则子元素的浮动会对父元素产生影响。
元素的定位:
1、定位模式
position:static (自动定位) relative(相对定位) absolute(绝对定位) fixed(固定定位)
relative:相对于自己为参照物进行定位。
absolute:相对于上一个已经定位的父元素进行定位,直到找到body为止。一级一级地向上找。
fixed:相对于浏览器窗口进行定位。
2、遍偏移:top(顶部) bottom (底部) left(左侧) right(右侧)。
注意:1和2配合使用。{position:avsolute;left:2px;}。
3.父元素相对定位(relative)不设置偏移量
3.子元素绝对定位(absolute)设置偏移量
z-index层叠等级属性:
当多个元素同时设置定位时。如果定位元素发生重叠,其取值可为正整数、负整数、0。z-index的默认值为0,取值越大,定位元素在层叠元素中上面。