如果您选择沿着试图使用任何类型的新对象来填充空间的路径,那么没有一致的方法可以保证每个浏览器都能满足您的剩余背景空间.
真正保证扩展部分的唯一方法是你想要的颜色是设置身体的背景.
这有点像画一堵墙 – 身体的背景通常是第一层.
(除非你根据Carlo Cannas的答案在html上指定背景.)
橙色部分在逻辑上是“第二层”,有点像在建筑工地周围墙上粘贴的音乐会海报.因此,如果您希望橙色为全宽,但其中包含固定的宽度内容,则需要两个容器,一个容器宽度为100%,另一个容器位于您选择的固定宽度内.
试图围绕层次和嵌套的逻辑跳舞也无济于事 – 就像试图创建莫比乌斯带一样.遵循严格的逻辑将使您对不同的浏览器更有信心.
+-----+--------------------------------------------+-----+
| | | |
| | | |
| | | |
| | | |
| | | |
| | Fixed Width | |
| | | | container
| | Content Container | | (orange)
| | | |
| | | |
| | | |
+-----+--------------------------------------------+-----+
| |
| footer |
| (white) |
| |
+--------------------------------------------------------+
remaining white background page