基本上,我试图在 300 像素(宽度)处设置一个固定大小的右侧边栏,并且在中心有 100% 的宽度,考虑到它旁边的 300 像素。
此外,我试图弄清楚如何将 100% 宽度的 div 放置在 100% 宽度的容器 div 中,我在下面包含了我想要实现的图像:
基本理念
例如,这可能是在 1440 x 900 的屏幕分辨率上看到的
使其可调整大小
而这可能是在 1024 x 768 的屏幕分辨率上看到的
正如你所看到的,一切都保持在彼此的比例内。任何帮助将不胜感激。谢谢你。
基本上,我试图在 300 像素(宽度)处设置一个固定大小的右侧边栏,并且在中心有 100% 的宽度,考虑到它旁边的 300 像素。
此外,我试图弄清楚如何将 100% 宽度的 div 放置在 100% 宽度的容器 div 中,我在下面包含了我想要实现的图像:
基本理念
例如,这可能是在 1440 x 900 的屏幕分辨率上看到的
使其可调整大小
而这可能是在 1024 x 768 的屏幕分辨率上看到的
正如你所看到的,一切都保持在彼此的比例内。任何帮助将不胜感激。谢谢你。
我能够让它与它一起工作。很可能有更好的方法来做到这一点,但它看起来像你描述的那样。
代码:https ://gist.github.com/4274099
结果:http ://codepen.io/joe/full/wgJdm
关键是“伪造”#left(黄色)内部 div 的 100% 宽度,方法是将其绝对定位在 #sidebar 父级中,并将其右侧设置为等于 #right div 的宽度。