css - 在不移动的情况下设置宽度

Question

当我使用

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

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

我究竟做错了什么？

Answer 1

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

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

position: fixed;
width: 100%;

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

padding: 0 10px;