跌落下來頭部發出

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; 
}