css - 设置宽度而不移动

Question

当我使用

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

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

我做错了什么？

Answer 1

当你定义一个固定元素的宽度时，那么你同时设置了它的left和right，你不能改变它的宽度，只有left和width中的后一个才能生效。

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

position: fixed;
width: 100%;

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

padding: 0 10px;