老师好，请问一下，设置left50%之后，再设置margin-right:400像素为什么不可以呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.test{
width: 800px;
height: 100px;
background: red;
/*此处写代码*/
left: 50%;
margin-right: 400px;
position: fixed;
}
.out{
width: 100%;
height: 2000px;
background-color: #abcdef;
}
</style>
</head>
<body>
<div class="out">
<div class="test"></div>
</div>
</body>
</html>
25
收起
正在回答
2回答
同学你好，这是浏览器解析的结果。通常情况下浏览器默认从左往右渲染元素，而这里设置的是固定位置，相对浏览器视口进行显示，设置margin-right是没有用的。
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星