我正在建立一个带有各种背景图像的网站，上面有内容。我现在拥有它的方式不起作用，因为当我在移动浏览器上查看该网站时，一些元素被推到左边，在右边留下一个难看的空白。
这是因为被推送的元素不包含在包装器中。但是，我不确定如何布置所有元素，尤其是需要放置它们的各种背景图像。
我创建了一个关于 div 布局的简单图像。
注意：所有文字100% width, etc都是指红色透明框下的div（内容）。实际站点可以在这里查看。
有人可以帮我弄清楚我应该如何为这个网站的布局正确构建 HTML 吗？例如，我应该将上半部分和下半部分拆分为#top并#bottom在其中包含一个包装器吗？我不知道应该如何处理这个问题。