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

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浏览器兼容性表