我有一个标题类，它有一个背景和一个标题中心类，它提供标题的导航内容。我的问题是，如果窗口小于标题中心宽度，滚动时标题背景不会跨越整个顶部。 Stackoverflow似乎有同样的问题，尝试调整它，你会看到我的意思 - 他们灰色背景不会扩展到搜索框。我该如何解决这个问题？ 谢谢！
答案 0 :(得分：0)
如果背景位于宽度为100％的容器内，并且任何父容器（包括<body>或<html>在CSS中没有设置宽度，那么您将遇到此行为。因为100％将是浏览器视口的100％。将其更改为固定宽度，应拉伸以填充固定宽度。
答案 1 :(得分：0)
您需要做的是在身体标签上设置display: inline-block。如果你这样做堆栈溢出的网站。它解决了这个问题。
此方法称为“缩小到适合”。
这是一个问题的小提琴。 DEMO
正如您在滚动div时所看到的那样，不再扩展整个屏幕的宽度。
这是一个没有问题的小提琴。 DEMO
用户473598在其他地方已经类似地回答了这里How to make div not larger than its contents?你在技术上并不需要将元素作为跨度。 buti-oxa的答案值得注意，并且它指出使用这种方法是昂贵的，因为它意味着格式化元素至少两次。由于它被应用于身体，在你的情况下似乎并不是那么糟糕。