2012-06-21 32 views
2

雖然試圖解決我在項目中遇到的問題,但我注意到在我的css文件中出現了一個隨機的'/'。刪除它後,它實際上使邊框的一部分在Firefox中消失,甚至更多的消失在Chrome中......我已經將代碼剝離到了試圖找出問題的基本要素上,仍然無法計算出來出來。我已經將問題的根源縮小到我的css中的'items'類,但不明白它有什麼問題,因爲當我驗證該類時,它不會拋出任何錯誤。從css中刪除拼寫錯誤奇怪地顯示出來

這裏是它是如何與斜線去除顯示: http://jsfiddle.net/NrYws/2/

這裏,它是在之前我刪除它,它是地方的斜線,以及如何正確地顯示(在FF和鉻) ... http://jsfiddle.net/NrYws/3/

將斜槓移動到文件中的其他位置(即在outerContainer類的上方)會導致錯誤的顯示。當我刪除'項目'類完全,它工作正常: http://jsfiddle.net/NrYws/4/

我知道它似乎像物品類是不是現在所需要的,但它只是因爲我已經剝去了所有的東西到骨頭嘗試解決這個問題,並且是實際項目所需要的。

關於這裏發生了什麼的任何想法?我敢肯定,它的東西顯得很痛苦,我只是看起來很過分。

謝謝!

回答

1

它的工作方式好像刪除了第一段.items。將其刪除並顯示正確。

單獨刪除overflow: hidden.items按照您希望的方式工作,我相信。

雖然如果你要做的事情需要overflow: hidden,那麼我們需要更多的只是這個代碼來爲你提供一個可以按照你的預期工作的解決方案。

+0

它產生語法直到第一個右括號爲止的錯誤。不要忘記標記問題解決:)(並upvote好的答案:)) –

+0

噢,好的,謝謝你的信息!只是等待時間才能讓我選擇一個答案,不知道這讓我等了8分鐘!再次感謝 – Mark

1

,因爲它消除了

.items 
{ 
    float: left; 
    height:180px; 
    overflow: hidden; 
} 

可以將其刪除

1

刪除overflow: hidden或設置高度184px,如果你需要使用溢出

.items 
{ 
    float: left; 
    height:184px; 
    overflow: hidden; 
}