我如何避免這種情況被推下？

Question

http://removed.com/jquery/test.html

玩jQuery並按左上方的「更多」，它會推下「棕色」圖層。我怎樣才能保持棕色層穩定？它發生在Chrome中，但不是Firefox。

Answer 1

個人而言，我把那個字段集成裏那一個，在它的更多環節的孩子。然後絕對定位。國際海事組織是比整潔的定位頁面更整潔的代碼，這也意味着如果你移動導航欄，你將不必再移動字段集。

Answer 2

嘗試加入一些Z-指標和定位：

#bag_info{ 
    ... 
position:relative; 
top: 10px; 
left: 10px; 
z-index:1; 
    } 

#more 
{ 
position:absolute; 
} 

#more_searchbox /*you'll have to name this according to the search box*/ 
{ 
z-index:2; 
position:relative; 
top: 10px; 
left; 10px; /*px values that work*/ 
} 

這可能會解決它:)

此外，您可能需要針對自身的Chrome作爲FF正常工作，使用這個CSS Browser selector和將.webkit放在您想用於Chrome的CSS之前。

Answer 3

可以通過設置CSS

form { 
    margin : 0; 
    padding : 0; 
} 

希望它能幫助。

Answer 4

它被推下來，因爲div#header_link隨着表單的擴展，因爲它在正常的頁面流中。使用position: absolute代替fieldset將其排除在流程之外。

此外，fieldset應該在form內，而不是相反。

注：下劃線是不是一個CSS-標識符的法律性質，使用連字符，而不是