風格越來越搞砸與網址中的散列

我有一些頁面加載在URL中的散列/錨點。當我們這樣做時，它將文檔的填充/邊距擰緊。沒有它，它工作正常。更奇怪的是，如果我使用瀏覽器工具訪問css並禁用邊距和填充並重新啓用它，它看起來很好。我們正在使用第三方網站來爲我們的網站提供服務，這意味着我們被鎖定在CMS類型的服務中，並且我們的手在一定程度上與我們可以定製我們的網頁的程度有關。因此，我們有多個css文件被引用等等。如果您查看下面的兩個網址，您會在網址末尾追加#company_settings的問題中看到問題。如果您在chrome中使用inspect元素來查看標題並禁用並重新啓用custom.css：2以獲得邊距和填充，則會看到它然後解決問題。任何想法，爲什麼發生這種情況，如果有什麼我可以在CSS來解決這個問題？謝謝。風格越來越搞砸與網址中的散列

2011-10-31 geoff swartz

'愛國者軟件'。聽起來有點令人毛骨悚然！說真的，告訴我們你正在使用哪個瀏覽器並附上一些截圖。 – Joe

這裏很正常 - http://i41.tinypic.com/i5q9v8.png這裏搞砸了。 http://i39.tinypic.com/xms5xx.png我已經在Chrome，Firefox和IE9中測試過它。所有人都做同樣的事情。 –

非常有趣... HTML顯示完全相同。這在JS中不會發生。祝你好運，搞清楚，如果你發現它是什麼，請記得回覆。 – Joe

在URL中使用的哈希信號瀏覽器滾動到文檔的特定位置。

而瀏覽器正在這樣做。

如果你可以編輯skin.css（這由它的名字聽起來是如此），進入第6行：

#foxboro_header {width:100%;overflow:hidden;}

改變它，取出溢規則：

#foxboro_header {width:100%;}

這應該使這行得通。

順便說一句，如果它是一個塊元素，寬度會自動設置爲100%。那麼設置它將是多餘的。

接下來，頁面的代碼充滿了驗證錯誤，處理它們，否則你可能遇到越來越多的問題。

來源

2011-11-01 15:21:28 hakre

我有一個類似的問題，使用散列。

存在/有一個display: table和哈希URL的錯誤。我將其更改爲display: block，之後它正常工作。

希望它可以幫助別人。

來源

2015-04-15 09:12:16

風格越來越搞砸與網址中的散列

回答

相關問題