从左向右移动侧栏

Question

我购买了一个模板，该模板的左侧栏具有以下属性：

.sidebar {
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-family: "Roboto", sans-serif;
background: #fdfdfd;
width: 300px;
overflow: hidden;
display: inline-block;
height: calc(100vh - 70px);
position: fixed;
top: 70px;
left: 0;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
z-index: 11 !important;

和内容具有以下属性：

    margin: 80px 315px 0 315px;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;

我想知道如何将侧边栏从内容的左侧移动到右侧？

注意：通过向边栏添加左：100％的1040像素，它将向左移动，但对屏幕尺寸的更改无响应。