CSS Positioning(定位)
static 定位:
html的默认定位,符合正常文档流;元素的位置不受left,bottom,left,right影响
fixed 定位:
固定定位,位置相对于浏览器窗口;脱离文档流因此不占用空间可以和其它元素重叠
relative 定位:
相对定位,相对于自己本身,不脱离文档流;可以和其它元素重叠,但是本身所占空间不受left、right等影响
absolute 定位:
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>;脱离文档流,因此不占空间可以和其它元素重合
z-index:
由于定位发生了重叠所以使用z-index定义谁在前面显示,值最大的将放在最外面显示
所有定位有关的属性:
CSS Float(浮动)。
脱离文档流不占空间可以和其它元素重叠
分为左浮动和右浮动,它只能水平方向浮动不能上下移动,如果图像是右浮动下面的文本将环绕在它左边
清除浮动:clear:[left|right|both|none|inherit(父元素继承)],清除只能影响使用清除的元素本身,不能影响其他元素
css单位:
px:像素
em:相对于应用在当前元素的字体尺寸,一般浏览器字体为16px,则1em=16px
%:相对于父元素宽度或者高度,距离百分比