top,right,bottom,left设置为0有什么用？

Question

定位都是positon,假设父元素占满整个屏幕，它和width,height100%是不是没有区别？

Answer 1

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；后，这个元素就在正中间了。如果不设置元素大小，就平铺了。

Answer 2

如果一个元素的 'position' 特性值不是 "static"（默认元素不申明position即为static），该元素被称为定位元素。定位的元素生成定位框，其定位基于四个特性(置入值)：'top'，'right'，'bottom'，'left'。 如果元素是绝对定位（Absolute positioning），并且申明了置入值（left\right\top\bottom），那么其定位的参照物即为其包含块，可能是父元素，也可能不是父元素。