正在回答
2回答
您好，红色的div设置之后，向右移动50%，那么此时红色的div应该是最左边的边处于页面居中的位置，那么在往回挪红色div的一半，那么就是呈现红色div中间部分处于页面中间部分，那么也就实现了红色div的居中。这也就是margin-left：-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;
top:0;
left:50%;
margin-left:-400px;
}
.out{
width: 100%;
height: 2000px;
background-color: #abcdef;
}
</style>
</head>
<body>
<div class="out">
<div class="test"></div>
</div>
</body>
</html>如果解决了您的问题，请采纳。祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
PHP小白零基础入门
- 参与学习 人
- 提交作业 626 份
- 解答问题 4928 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星