有人可以帮忙吗？
我正在尝试在 HTML 和 CSS 中进行以下布局。此图像只是网站总体布局的粗略表示。
顶部栏（或标题）将是例如浅灰色，而侧栏 1 将是相同的颜色。侧边栏1还具有圆形的左下角，而侧边栏2具有圆形的右上角。我试图重新创建的效果是页眉将“流入”侧边栏 1，而侧边栏 2 将“流入”页脚。到目前为止，我已经对这些框进行了编码，以便它们看起来可以触摸，并且我还完成了圆角。但是我一整天都在坚持的是如何做颜色，以便看起来 1 正在流入下一个。这是我到目前为止的一个例子（仍然很粗糙，因为我只是想阻止形状等）hansmoolman.com
上面网站中的相关部分是一个名为“这是主容器”的部分，它位于页面的一半左右，包含侧边栏 1（带有 Twitter 提要的那个）和侧边栏 2（带有所有 Lorenm Ipsum 的那个）东西）。顶部栏将是带有徽标和导航内容的栏。页脚尚未实现。
谁能建议我如何做到这一点？我试图远离代表这一点的背景图像，因为如果添加更多内容，侧边栏 1 和 2 应该能够相互独立地动态增长。或者这可以用背景图像/图像完成吗？
任何人都可以帮忙，因为我一直在研究的所有解决方案都变得非常混乱，里面和其他盒子上面都有盒子。它在代码方面看起来不太好，我担心它可能无法在所有设备上按预期显示。
如果这个问题需要更多的清晰度或代码，请告诉我，我可以同时提供。
提前致谢
*编辑 - 这是弗莱姆建议的一种可能的解决方案
