css - 100% div 和固定大小的 div 从此过着幸福的生活？

Question

基本上，我试图在 300 像素(宽度)处设置一个固定大小的右侧边栏，中间的宽度为 100%，考虑到它旁边的 300 像素。

我也在尝试弄清楚如何在 100% 宽度的容器 div 中放置一个 100% 宽度的 div，我在下面包含了我想要实现的图像:

基本思想

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

使其可调整大小

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

如您所见，一切都保持在彼此的比例范围内。任何帮助将不胜感激。谢谢。

Answer 1

我能够让它工作。很可能有更好的方法来执行此操作，但它看起来像您所描述的那样。

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

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

关键是“假装”#left(黄色)内部 div 的 100% 宽度，方法是将其绝对定位在 #sidebar 父级中并将其右侧设置为等于 #right div 的宽度。