css - 100％divs和固定大小的div从此过上幸福的生活？

Question

基本上我试图在300px（宽度）处设置一个固定尺寸的右侧边栏，并且在中心有100％的宽度，考虑到它旁边的300px。

另外，我想弄清楚如何在100％宽度的容器div中放置一个100％宽度的div，我已经包含了我想在下面实现的图像：

基本理念

例如，这可能是在屏幕分辨率1440 x 900

上看到的

重新调整大小

然而，这可能是在1024 x 768的屏幕分辨率上看到的

正如您所看到的，一切都保持在彼此的比例之内。任何帮助将不胜感激。谢谢。

Answer 1

我能够使用它。很有可能是更好的方法，但它看起来像你描述的。

代码：https://gist.github.com/4274099

结果：http://codepen.io/joe/full/wgJdm

关键是通过在#sidebar父级中将其绝对定位并将其右侧设置为等于#right div的宽度来“伪造”#left（黄色）内部div的100％宽度。