Html 如何水平扩展页脚div？

我希望我的页脚div占用所有可用的水平空间。这是我的代码，但它不起作用。希望你能帮助我

HTML

纽科姆法国版权与复制2020

CSS

#页脚{
填充：12px；
背景色：#999999；
文本对齐：居中；
位置：固定；
底部：0；
文本对齐：居中；
保证金：0自动；
线高：自动；
}

是否有足够的内容填充100vh？如果没有，您可以设置页脚以填充该空间，或者设置您的身体

高度

或

最小高度

我建议使用flexbox布局，页脚不展开，而是展开主要内容，但以下是您需要的：

正文{
显示器：flex；
弯曲方向：立柱；
背景颜色：灰色；
高度：100vh；
保证金：0；
填充：0；
}
标题{
背景色：红色；
}
主要{
背景颜色：蓝色；
}
页脚{
弹性：1自动；
背景颜色：绿色；
}

嗨，头球

你好，总的来说

嗨，在页脚

固定位置元素上的边距不起任何作用，

主体上的边距也不会影响它，因为
位置：固定
将元素相对于视口放置在任何其他元素流之外

为确保全宽，固定位置元素需要设置其
右侧
和
左侧
属性

#页脚{
/*定位*/
底部：0；
左：0；
位置：固定；
右：0；
/*其他样式*/
背景色：#999999；
线高：自动；
填充：12px；
文本对齐：居中；
}

作为旁注，在原始CSS中有重复的
text align:center
值

以一致的方式（例如，我喜欢按字母顺序排列CSS属性，但在上面的示例中也按类型对它们进行分组）将帮助您避免潜在的难以找到的错误或重复属性。
您的页脚div是否在其他div中？不，我的页脚不在其他div中。OP询问的是宽度，而不是高度。