css如何使一个div的中心点位于页面宽度的60%处？

#shadow{
position: relative;
float: right;
width:800px;
height:500px;
top:400px;
background-color: rgba(0, 0, 0, 80%);
}

取决于你页面的宽度，你页面宽度写死的话，这里可以计算写死，如果不写死的话需要js获取页面大小来计算了：
margin: 0 40%;//这里的40%你需要根据自己的计算值来填写
float: right;
position: fixed;//此处不建议用fixed你设置其他的自己去调试就好了
ps：
你页面大小正常应该是自动，写死的兼容性贼差

#shadow{
    position: relative;
    left: 60%;// 此处的百分百是指定的父辈盒子宽度，所以要达到你说的效果 父辈必须是100%屏幕宽度
    transform: translateX(-50%)// 此处的百分百是指定的自身宽度
}