我如何避免这种情况被推下？

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-标识符的法律性质，使用连字符，而不是