固定位置侧边栏，内容响应

Question

我在使用响应式设计理解某些css时遇到了一些麻烦。基本上我想要左侧的固定位置侧边栏和右侧的内容，右侧的内容是响应式的。当我缩放浏览器时，内容框会移到侧边栏后面，而不是按比例缩小。我只是无法让css正确。

这是我到目前为止所拥有的。

.sidebar {
position: absolute;
left: 0;
top:0;
height: 100%;
background: url(../images/sidebar.png) repeat-y top left;
width: 225px;
}


.content {
width: 45%;
float: left;
}

.container {
width: 100%;
height:100%;
}

侧边栏div位于容器div之上且位于内容div之上，任何帮助都会让我惊艳，因为我开始失去头发:(

Answer 1

你不在这里写你的HTML。

我想你可以通过magin解决问题：

.content {
width: 45%;
float: left;
margin-left:230px;
}