Question

html中left:-50%是什么意思呢

Answer 1

就是向左偏50%；比如说，两个嵌套的div，里面那个设置left:-50%;那么这个div就只有一半在外面div的里面，如：

<div style="position:relative; width:100px; height:100px; border:1px dashed red; overflow:hidden;">
    <div style="position:absolute; width:100px; height:100px; background-color:#ddd; top:0; left:-50%;"></div>
</div>

效果图如下：

灰色就是里面那个设置了left:-50%的div，由于外层div设置了overflow:hidden所以超过隐藏，就只能看到百分之50的