登陆框居中问题

最近写一个模仿微博的页面，写到登陆框这里有点疑惑

问题：怎样实现登陆框的居中?刚开始是用Js实现，最后感觉麻烦，就去尝试了CSS

代码实现如下

#login{
	margin-top: 40px;
	width: 270px;
	height:270px;
	border:1px solid #ccc;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -135px 0 0 -135px;/*设置登陆框的居中*/
}

首先固定长和宽，然后设置绝对定位。

这里的margin设置为原来的长宽的1/2还没有理解，后面在尝试得到坐标求解