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

回答

相關問題