浮动与定位

元素浮动属性: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,取值越大,定位元素在层叠元素中上面。

posted @ 2017-09-11 10:21  你的斗志并没有失去  阅读(228)  评论(0编辑  收藏  举报