设置宽度不移位

Question

当我使用

时

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

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

我做错了什么？

Answer 1

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

在你的情况下，你应该把一个包装纸从包装盒中取出并将包装纸的css设置为

position: fixed;
width: 100%;

然后用css

将一个内盒插入这个包装器中

padding: 0 10px;