为什么用margin-left:-400px有效果,用margin-right没有效果

来源:6-3 编程练习

慕的地6899674

2020-03-24 09:26:05

为什么用margin-left:-400px有效果,用margin-right:600px或者1000px,100000px没有效果呢?
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    *{
      margin: 0;
      padding:0;
    }
    .test{
     width: 800px;
     height: 100px;
     background: red;
     /*此处写代码*/
     position:fixed;
     left:50%;
     margin-right:600px;
   
   }
   .out{
    width: 100%;
    height: 2000px;
    background-color: #abcdef;
  }
</style>
</head>
<body>
  <div class="out">
    <div class="test"></div>
  </div>
</body>
</html>


写回答

1回答

好帮手慕小脸

2020-03-24

同学你好,设置定位后,left:50%就会相对于父元素右移50%,使用margin-left可以,margin-right是无效的。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~


0

0 学习 · 9666 问题

查看课程