请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

margin-right负值

给 margin-right 负值为什么没有跑到 center 上边,而是跑到了 container 的 padding 位置

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

2回答

逃离外包 2022-04-24 12:49:35

 <style>

      body{

        min-width: 550px;

      }

      #header{

        text-align: center;

        background-color: #f1f1f1;

      }

      #container{

        padding-left: 200px;

        padding-right: 150px;

      }

      #center{

        background-color: #ccc;

        width:100%;

      }

      #left{

        position: relative;

        background-color: yellow;

        width: 200px;

        margin-left: -100%;

        right:200px;

      }

      #right{

        background-color: red;

        width:150px;

        margin-right: -150px;

      }

      #footer{

        clear: both;

        text-align: center;

        background-color: #f1f1f1;

      }

      #container .column{

        float: left;

      }

    </style>

  </head>

  <body>

    <div id="header">this is header</div>

   <div id="container">

      <div id="center" class="column">this is center</div>

      <div id="left" class="column">this is left</div>

      <div id="right" class="column">this is right</div>

   </div>

   <div id="footer">this is footer</div>

  </body>

https://img1.sycdn.imooc.com//szimg/6264d6d809b0b3a719200902.jpg

0 回复 有任何疑惑可以回复我~
双越 2021-06-22 19:26:10

把相关代码贴出来吧。

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信