如需参考,请参阅本网站。
我想使用仿列方法来确保#secondary 侧边栏的蓝色背景延伸到其父级的底部:#main。
但是,当我使用 Firefox 开发人员工具响应式视图并减小视口的宽度时,#secondary 的宽度变为 %,但 #main 的背景图像保持固定,因此背景图像的蓝色部分渗入了 #primary 内容区域。
我曾经读过一篇文章,有人使用假列的方法,并且能够在视口缩小时将背景图像的位置设置为缩小,从而使背景图像的颜色变化始终与右侧对齐#secondary 侧边栏的。
我知道您可以将背景位置设置为 %,但这会将图像左侧的特定点 x% 与其父级左侧的点 x% 匹配,因此它始终保持在相同的位置无论您指定什么百分比。