定位都是positon,假设父元素占满整个屏幕，它和width,height100%是不是没有区别？
left等定位属性，要使用时，它得（dei）是已定位的元素。（absolute，relative，fixed）
eg：img{position:absolute;left:100px} 如果去掉position：absolute，则left失效。对float：left这种浮动元素也是失效，反正就是定位了才让用哈。
拓展一种居中用法，先定位，再设置 left：0;right：0;margin:auto 可以使元素垂直居中。 设置 top:0;bottom:0;margin:0 可以使元素水平居中。当然，设置四个值都是0；margin：0；后，这个元素就在正中间了。如果不设置元素大小，就平铺了。
当position指定为absolute时，表示被指定元素采用绝对定位模式确定位置，'top'，'bottom'决定靠上还是靠下定位，top即相对于父元素上方相距多少，'left'，'right'同理；即使用时上下属性指定一个左右属性指定一个即可确定元素位置，都指定为0时'top'，'bottom'会产生冲突只生效一个，'left'，'right'同理，width,height不由它们确定
如果是margin中的的话就是组件外边框的属性,两个组件之间的距离就是两个外边框的宽度，当两个组件的外边框设置为零时，两个组件就会合拢。如果是BORDER的属性的话，就是字体到组件边界的距离，如果BORDER里面的TOP为零的话，字体就会向上挨着组件的边界（该边界不包括外边框）
不好意思，写错了，修正以下，是PADDING,不是BORDER,BORDER代表PADDING和MARGIN中间的那条边界
position:absolute;是绝对定位
left,top,bottom,right是定位方向及距离。
在绝对定位中，如果四个方向都设为0，再加上margin:0;结果是垂直水平居中，
left:100px;距左100px单位，其他同理，前提是position:absolute;