Css 使用负边距的全浏览器宽度栏

我将尝试遵循本教程：

我需要的是我的代码> >代码>元素，最大宽度为800 px，以页面中部为中心。然后在标题栏中，我将有一个#filtersBardiv，它将贯穿整个页面（边到边）。到目前为止，我的代码就是这样产生的：

这是一把小提琴：

html，正文{
溢出x：隐藏；
}
标题{
位置：相对位置；
宽度：100%；
保证金：0自动；
最大宽度：1200px；
z指数：250；
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：包装；
背景：红色；
证明内容：之间的空间；
}
#滤棒{
位置：相对位置；
背景：绿色；
宽度：100%；
最大宽度：800px；
保证金：0-9999雷姆；
填充：0.25雷姆9999雷姆；
z指数：1；
}
#过滤网{
位置：相对位置；
宽度：100%；
最大宽度：800px；
背景颜色：蓝色；
z指数：2；
}

foo bar一些内容
dddd

据我所知，您可以使用

:before

pseudo作为整个背景边到边，也可以将

边距：0

应用于正文

html，
身体{
溢出x：隐藏；
保证金：0；
}
分区过滤器栏：之前{
内容：“；
位置：绝对位置；
背景：绿色；
排名：0；
底部：0；
左：-1000px；
右：-1000px；
z指数：-1；
}
标题{
位置：相对位置；
宽度：100%；
保证金：0自动；
最大宽度：800px；
z指数：250；
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：包装；
背景：红色；
证明内容：之间的空间；
}
#滤棒{
位置：相对位置；
背景：绿色；
宽度：100%；
最大宽度：800px；
z指数：1；
填充：15px0；
}
#过滤网{
位置：相对位置；
宽度：100%；
最大宽度：800px；
/*保证金：0自动*/
背景颜色：蓝色；
z指数：2；
}

foo bar一些内容

DDD


DDD


DDD


DDD

据我所知，您可以使用

:before

pseudo作为整个背景边到边，也可以将

边距：0

应用于正文

html，
身体{
溢出x：隐藏；
保证金：0；
}
分区过滤器栏：之前{
内容：“；
位置：绝对位置；
背景：绿色；
排名：0；
底部：0；
左：-1000px；
右：-1000px；
z指数：-1；
}
标题{
位置：相对位置；
宽度：100%；
保证金：0自动；
最大宽度：800px；
z指数：250；
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：包装；
背景：红色；
证明内容：之间的空间；
}
#滤棒{
位置：相对位置；
背景：绿色；
宽度：100%；
最大宽度：800px；
z指数：1；
填充：15px0；
}
#过滤网{
位置：相对位置；
宽度：100%；
最大宽度：800px；
/*保证金：0自动*/
背景颜色：蓝色；
z指数：2；
}

foo bar一些内容

DDD


DDD


DDD


DDD

你能解释一下为什么你写的不是你想要的吗？你能解释一下为什么你写的不是你想要的吗？谢谢，差不多了：）。。。由于某些原因，“过滤器栏”位没有显示（如果您检查

#过滤器栏
，您可以看到文本应该在哪里，但由于某些原因它实际上没有显示？）。谢谢@Andrewby apply
z-index:-1
to
：before
…更新了您的传奇-就是这样：）我在另一个div上玩了
z-index
，但没想到在
：：before
上尝试一下谢谢，差不多了：）。。。由于某些原因，“过滤器栏”位没有显示（如果您检查
#过滤器栏
，您可以看到文本应该在哪里，但由于某些原因它实际上没有显示？）。谢谢@Andrewby apply
z-index:-1
to
：before
…更新了您的传奇-就是这样：）我在其他div上玩了
z-index
，但没想到在
：：before