设置宽度而不移动

Question

当我使用时

position:fixed;
left:10px;
right:10px;

它将框向右移动而不是使其变窄。

我做错了什么？

Answer 1

当你定义一个固定元素的宽度时， 然后你设置它的左右，你不能改变它的宽度，只有左边和宽度后面的一个才能生效。

在你的情况下，你应该把包装器开箱即用，并将包装器的 css 设置为

position: fixed;
width: 100%;

然后用css在这个包装器中插入一个内盒

padding: 0 10px;