岚殇
2019-11-23 23:45
采纳率: 75%
浏览 481
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • D狂风R 2019-11-25 01:07
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • Kuukiliselessness 2019-11-25 10:59
    #shadow{
        position: relative;
        left: 60%;// 此处的百分百是指定的父辈盒子宽度,所以要达到你说的效果 父辈必须是100%屏幕宽度
        transform: translateX(-50%)// 此处的百分百是指定的自身宽度
    }
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题