1

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

此外,我试图弄清楚如何将 100% 宽度的 div 放置在 100% 宽度的容器 div 中,我在下面包含了我想要实现的图像:

基本理念

在此处输入图像描述

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

使其可调整大小

在此处输入图像描述

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

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

4

1 回答 1

1

我能够让它与它一起工作。很可能有更好的方法来做到这一点,但它看起来像你描述的那样。

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

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

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

于 2012-12-13T04:54:52.433 回答