如何獲得懸停時的實際DOM CSS寬度？

當我必須將鼠標懸停以使事件發生時，如何展開以查看計算出的寬度？每當我將鼠標懸停在菜單中的鏈接上時，寬度將從270像素更改爲850像素，並將整個菜單從重擊中拋出。如何獲得懸停時的實際DOM CSS寬度？

但我無法確定是什麼CSS樣式元素導致這種轉變，因爲我必須將鼠標懸停在鏈接上，並且沒有辦法展開計算樣式以查看是什麼導致了這種情況。

我嘗試使用標籤和箭頭鍵，認爲這將循環瀏覽Chrome的UI元素，但沒有運氣。有任何想法嗎？

Chrome Developer Tools

BTW：菜單是由第三方工具，我裹在asp.net創建。下面是受着創建的元素：

<td emtype="c" colspan="2" class="ParentItemContentCell"><a href="/Admin/Default.aspx?p=9">Admin Home</a></td>

而這裏的CSS代碼，如果你要不要看：在風格

.ParentItemContentCell 
{ 
     width:100%; 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #FFFFFF; 
    text-align: center; 
    white-space: nowrap; 
} 
.ParentItemContentCellOver 
{ 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #361A53; 
    text-align: center; 
    white-space: nowrap; 
    width:100%; 
} 

.ParentItemContentCellOver a 
{ 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #361A53; 
    text-align: center; 
    white-space: nowrap; 
    width:100%; 
    text-decoration:none; 
}

來源

2013-03-09 Webmentorman

通過右鍵單擊在檢查HTML視圖的元素，你可以強制狀態改變（：積極，：懸停等）。然後您可以使用它進一步調試。另外，如果沒有看到更多的HTML或者指向你的頁面的鏈接，我們很大一部分人將很難調試你的代碼。 – Daedalus 2013-03-09 04:46:03