我用颜色总结了我需要如何处理这种身体结构。
黄色:此块是一个导航栏,始终在顶部可见。 红色/灰色:必须与背景颜色相同,这是网站的内容。灰色方块仍停留在底部,应与其他div重叠(右侧为绿色和侧面菜单)。 绿色:仍仍停留在底部,但在缩小窗口时始终可见。 (不应与右侧菜单重叠)。 蓝色/橙色/紫色(右侧菜单) 蓝色:高度10%,宽度100% 橙色/紫色:相同高度的45%和100%的宽度。当窗口缩小时,比例将保持不变,并且会发生溢出:每个部分都将应用自动。
现在,我的问题是灰色和右侧菜单(橙色/紫色)块。 当我缩小窗口时,这些块没有重叠,并且滚动条出现在右侧,我不希望那样。 结构应保持不变,并带有flex元素:structure