让一个椭圆固定在网页的最底部并居中

Question

我想让一个椭圆固定在网页的最底部并居中
1.不用考虑不支持css3的浏览器
2.不能用到js
.menu{
background:#E7E1E1;
height:40px;
width:40px;
border-radius:20px;
position:fixed;
bottom:-20px;
left:50%;/*总是会有20px的偏移，理想的效果应该是50%-20px....*/
}

Answer 1

既然你都说了“理想的效果应该是50%-20px”的话那就left:calc(50%-20px)咯（注意：空格不能少）附：CSScalc浏览器兼容性表