跌落下来头部发出

Question

嗨，我有2个标题如下：

当我点击的通知按钮，下拉似乎打破了头布局。以下是截图

通知下拉CSS是如下

#notification_dropdown { 
-webkit-box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5); 
-moz-box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5); 
box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5); 
background: white; 
border: solid #888888 1px; 
left: 300px; 
width: 380px; 
display: none; 
float: left; 
color: #444444; 
} 

我到底做错了什么？

Answer 1

添加相对于其父母的位置和绝对位置。通过这样做，它将进入分层布局，不会破坏您现有的布局。

添加绝对位置像

#notification_dropdown { 
position:absolute; 
z-index:1; 
} 

和相对位置，以其父一样

parent_0f_dropdown 
{ 
position:relative; 
}