html - 如何沿 x 轴无限扩展背景 CSS 样式？

Question

我有一个标题背景，我想在 x 轴上无限期地流血。因此，无论某人的显示器大小如何，灰色背景都会扩展。

我该怎么做呢？

谢谢！

Answer 1

两个答案，具体取决于您所面临的问题。

第一种情况：

背景完全没有重复

假设您使用 CSSbackground-image来呈现背景，请使用background-repeat: repeat-x;

小演示：小链接。

如果您不使用 abackground-image来渲染背景，那么您应该考虑使用它。没有直接的方法可以<img>重复。

第二种情况：

背景在重复，只是没有跨越整个宽度

你需要确保你header有width: 100%;. 如果您header的父级有一些填充，请使用display: block;而不是width: 100%;，否则它会溢出。