正在回答
2回答
您好，25%是根据整个页面的宽度来算的。注意下图，当left:50%时候，应该是处于黑色框的位置，那么当把红色区域在挪回25%的时候就居中了。你可以把整个页面分为四份，每份就相当于25%，当把红色区域挪到页面后两块的时候，把红色区域在挪回来一块，就是处于页面四份的中间两份里了，就是居中了~
400px和25%是两种方式，都是可以让红色区域居中。祝学习愉快！
好帮手慕查理
2018-11-05 14:59:17
您好，不是很理解您描述的意思，您可以先根据下列解释理解，如果不理解请继续反馈。当设置left:50%;之后，下图红色区域就是test的样式，可以发现test整个移动了body宽度的一半。那么此时想要居中的话，我们需要在移回body一半的一半，也就是25%了。（也可以使用margin-left:-400px;让红色区域移回自已自身一半的距离）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.out{
width: 100%;
height: 2000px;
background: #abcdef;
}
.test{
width: 800px;
height: 100px;
background: red;
/*此处写代码*/
position:fixed;
top:0;
left:50%;
margin-left:-25%;
/* margin-left:-400px; */
}
</style>
</head>
<body>
<div class="out">
<div class="test"></div>
</div>
</body>
</html>祝学习愉快！
PHP小白零基础入门
- 参与学习 人
- 提交作业 626 份
- 解答问题 4930 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星