https://jsfiddle.net/ovvnnhgt/1
我设计了一个响应迅速的网站，在jsfiddle中看起来很奇怪（在我的屏幕上，至少它没有显示最大分辨率布局），但你可以看到这个想法。
一直缩小页面，你会看到div＆＃34; content＆＃34;在div＆＃34; sidebar下。＆＃34;然后放大，您将看到内容的宽度缩小。
我的问题是我希望内容div位于侧边栏div的右边，而它会这样做（看起来侧边栏正在压缩内容）但是无论我多么努力，我都无法让它工作乱七八糟的代码。
最大分辨率布局有它所以当你改变宽度时，内容div移动到更接近侧边栏div然后我希望下一个分辨率布局遵循这个想法但是内容div在最终变成移动之前会稍微挤压一下友好的布局，但在改变宽度时它会消失。
@media screen and (max-width: 1070px) {
.contentwrap {
width: auto;
float: left;
}
}
一旦它达到这个宽度，我就把整个内容浮到一边，侧边栏是打开的，这样当我改变宽度时它会将它推向侧边栏，但是它几乎完美地完成它只是向下移动。 / p>
答案 0 :(得分：0)
你可以试试这个： 将第二部分div contentwrap重命名为与第一部分sidebarwrap（http://screencast.com/t/i2GSBaiox62）相同。然后给你的sidebarwrap css宽度为45％（http://screencast.com/t/dpQg9orW5v5r）。 这是你需要的吗？
答案 1 :(得分：0)
这可能会有所帮助： 有三种方法可以做到这一点。
1）您可以使用百分比。
2）您可以使用Media-Query设置每个像素。
3）您可以使用Bootstrap或Foundation框架。 （我建议你这个）