Css标题问题

我有一个标题类，它有一个背景和一个标题中心类，它为标题提供了导航内容。我的问题是，如果窗口小于页眉中心宽度，则当您滚动时，页眉背景不会覆盖整个页面顶部。 Stackoverflow似乎有同样的问题，请尝试调整它的大小，你会看到我的意思 - 它们的灰色背景不会扩展到搜索框。我将如何去解决这个问题？谢谢！Css标题问题

来源

2010-10-19 cph

你需要显示一些代码 – 2010-10-19 17:18:04

我不明白你的意思是关于SO的标题顺便说一句 - 我得到一个灰色的背景一路 – 2010-10-19 17:18:58

我认为他的意思是这样的：http://grab.by/ 6Wr2 – corroded 2010-10-19 17:23:05

如果背景位于宽度为100％的容器内，并且任何父容器（包括<body>或<html>未在CSS中设置宽度，则会遇到此问题。因为100％将是浏览器视口的100％。将其更改为固定宽度，并将其拉伸以填充固定宽度。

来源

2010-10-19 17:24:23

你需要做的是在你的身体标签上设置一个display: inline-block。如果你这样做，堆栈溢出的网站。它解决了这个问题。

这种方法被称为“缩小拟合”。

这是一个小问题。 DEMO
正如你所看到的，当你滚动的div不会扩大整个屏幕的宽度了。

这里是一个没有问题的小提琴。 DEMO

此问题已在其他地方由user473598在这里回答How to make div not larger than its contents?您在技术上并不需要该元素是跨度。 buti-oxa的答案值得注意，它指出使用这种方法的代价是昂贵的，因为它意味着格式化元素至少两次。由于它适用于身体，它似乎并不像你的情况那样糟糕。

来源

2013-09-22 01:21:37 John

回答

相关问题