感觉还是没有居中啊

来源:2-14 编程练习

慕侠0038522

2018-05-07 23:57:06

<!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%;

  left:-400px;

   

   }

   .out{

    width: 100%;

    height: 2000px;

    background-color: #abcdef;

  }

</style>

</head>

<body>

  <div class="out">

    <div class="test"></div>

  </div>

</body>

</html>

 

http://img.mukewang.com/climg/5af0773a0001585805160774.jpg

写回答

1回答

好帮手慕夭夭

2018-05-08

经过测试 , 练习题代码中为元素设置两次left值,如下

http://img.mukewang.com/climg/5af10e420001976701690110.jpg

想要元素定位之后往左移动需要设置margin-left,修改如下

http://img.mukewang.com/climg/5af10e7c000110e502880107.jpg

自己动手实战一下吧,祝学习愉快!

0
hq_胡萝卜须_2
h 非常感谢,这哈懂了
h018-06-01
共3条回复

0 学习 · 36712 问题

查看课程