这个练习中为什么margin-right:400px没有效果 能不能具体的解释下

这个练习中为什么margin-right:400px没有效果 能不能具体的解释下

<!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:400px;
  
   }
   .out{
    width: 100%;
    height: 2000px;
    background-color: #abcdef;
  }
</style>
</head>
<body>
  <div class="out">
    <div class="test"></div>
  </div>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
提问者 攻下这座城 2018-07-25 14:50:38

老师我做了几次实验发现

 可不可以这样解释, left与margin-right不能同时使用,right与margin-left不能同时使用 ,

即左移不能和右外边距同时使用,右移不能和左外边距同时使用。

top 、bottom同理 

  • 也可以这么理解,不过还是要具体问题具体分析呢,祝学习愉快~
    2018-07-25 17:08:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师