懸停時的寬度有趣嗎？

如果你看看這個頁面：http://wearewebstars.dk/frontend/Test/boerneunivers2.html 然後點擊例如：在左側的導航第三鏈接，然後你會看到該鏈接現在目前的 - 然後，如果你將鼠標懸停在第四鏈接，然後在寬度第三個鏈接改變了？不知道爲什麼？任何幫助將不勝感激...懸停時的寬度有趣嗎？

我用jQuery來懸停EFFEKT，像這樣：

$(".left-navigation ul li:not(.current)").hover(function(e){ 

    var mEnt = e.type=="mouseenter"; // boolean true/false 

    $(this).stop().animate({width: mEnt?'100%':35}, mEnt?100:0, function() { 
     $(this).find("span.nav-text").css({ 
      display: mEnt? "inline-block" : "none" 
     }); 
    }); 

});

來源

2013-09-01 nuffsaid

的<li>的寬度爲100％。所述<ul>的寬度取決於所述.left-navigation的。由於該寬度未設置，因此與內容一樣寬。因爲懸停的<li>比有源一個越大，UL增長。

簡單的解決方法：

.left-navigation { 
    width: 200px 
}

來源

2013-09-01 19:18:12

我不能告訴你確切的問題，因爲我覺得你的導航不應該一切工作。

但是，您的問題是在當前/懸停狀態下，li元素的寬度爲%。

百分比width具有給定百分比的父母使用width的元素。由於ul在其width，當前元素也生長在其width日益增長的某些元件。

爲什麼懸停工作在初始階段百分比現在的問題是我也不清楚，我需要看它更接近。但希望這些信息已經幫助你。

來源

2013-09-01 19:13:10

懸停時的寬度有趣嗎？

回答

相關問題