谷歌瀏覽器更新

CSS問題，我與我的頂部菜單沒有問題，直到最近谷歌瀏覽器的更新現在谷歌瀏覽器更新

，因爲它更新，在最後一個項目（只有最後一個）在頂部菜單進入到下一行。

任何想法，爲什麼這可能是？

下面是代碼：

/* TopMenu 
    ---------------*/ 
    #topmenu { 
     float:right; 
     margin:6px 15px 0} 

    #topmenu ul.menu { 

margin:0; 
padding:0;} 
#topmenu ul.menu li { 

    display:inline; 
    float:left; 
    padding:0 1.1em 0 0; 
    border-right:1px dotted #555; 
    margin:0 0 0 1.1em; 
    text-shadow: 1px 1px 1px #FFFFFF; 
    list-style-type:none;} 
    #topmenu ul.menu li a { 
    border-bottom:1px dotted rgba(0,0,0,0); 
    color: #3F5868; 
     padding-bottom: 2px;} 
    #topmenu ul.menu li.active a, 
    #topmenu ul.menu li a:hover { 
     color:#000; 
     border-bottom-color:rgba(0,0,0,0); 
     text-decoration:none;} 

    #topmenu ul.menu li a img { 
    float:left; 
    margin:0px 8px -4px 0} 

    #topmenu ul.menu li:last-child { 
    border:none; 
    padding-right:0;}

來源

2012-09-27 Stephen O' connor

等待下一次更新...假裝它沒有發生。 – AlienWebguy

你能提供一個鏈接到現場的例子嗎？ – Braunson

如果你提供了一個html樣本去用css，它會更容易幫助。 – ejohansson

我注意到了Chrome在網站上的問題，但它看起來像你正在積極嘗試自己解決這個問題，這使我很難看到菜單上發生了什麼。如果您不希望更改菜單中的內容，則可以通過給予#topmenu大約300像素的寬度來輕鬆解決此問題。否則，我會認爲這是一個填充問題。

來源

2012-09-27 21:02:56 SeasonEnds

我現在沒有真正做出改變，謝謝你的建議，明天就試試吧 –

就這麼簡單，你說得對 - 只要將topmenu設置爲300px –

我使用Chrome的最新版本，並在www.housemarket.ie的#topmenu導航的最後一個項目是內嵌在菜單項的其餘部分。然而，出於某種原因，這只是一個子彈，但是當我在檢查員中將子彈更改爲填充文本時，它保持在同一行上。也許嘗試刷新瀏覽器的緩存？

來源

2012-09-27 20:42:16

是的，我把它改爲只是一顆子彈，因爲它使用了最少量的空間，但現在我已經刪除子彈菜單項作爲最後 - 你可以看到效果 - 在一些屏幕上它看起來不錯 - 例如，一個大顯示器，但在我的屏幕上，它仍然滾動到下一行 - ps我試圖清除緩存但這不是問題 - 我看到某處去年有人有類似的問題，並繞過它與一些覆蓋的CSS文件，但我不知道該怎麼辦那 –

谷歌瀏覽器更新

回答

相關問題