怎么先设置50%再把div向左移一半呀？

首页课程实战体系课手记专栏慕课教程

来源：6-3 编程练习

安卓新手小黑

2020-05-14 12:37:05

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

margin: 0;

padding:0;

}

.test{

width: 800px;

height: 100px;

background: red;

/*此处写代码*/

position: fixed;

left: 0px;

right: 0px;

margin-left:auto;

margin-right:auto;

}

.out{

width: 100%;

height: 2000px;

background-color: #abcdef;

}

</style>

</head>

<body>

</div>

</body>

</html>

这是我的实现方法，但是不太懂怎么先设置50%再把div向左移一半。

写回答

1回答

好帮手慕阿园

2020-05-14

已采纳

同学你好，同学的这种方法也实现了效果。

先设置左边为50%，再把div向左移一半，可以这样设置 left: 50%; 再使用margin-left设置一个负值来实现 margin-left：-400px；

具体代码如下：

.test{
    width: 800px;
    height: 100px;
    background: red;
    /*此处写代码*/
    position: fixed;
    left: 50%;
    margin-left:-400px;
}

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

0 学习 · 16556 问题

查看课程

相似问题

如何在使用fixed定位的同时把div向左移动

回答 4

6-3需要将div块再向右移动div块一半的距离怎么设置？

回答 1

回答 2

关于编程练习中红色div块居中的问题

回答 1

打开慕课网App查看更多内容