gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:32:42 24 4
gpt4 key购买 nike

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

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

基本思想

enter image description here

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

使其可调整大小

enter image description here

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

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

最佳答案

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

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

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

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

关于css - 100% div 和固定大小的 div 从此过着幸福的生活?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13829491/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com