如何申請css職位：絕對正確？

Question

問題是div，稱爲'dragger_container'不會像我期望的那樣行爲，並從父div中獲取。這是不可接受的，因爲它是一個顯示用戶滾動進度的元素（它是一個jQuery插件mCustomScrollBar）並與用戶交互。
向任何人尋求幫助。
由於事先

PS 不能附加聲譽的屏幕事業，在這裏上傳吧： screen_url

.mcs_my_container 
{ 
width: 100%; 
height: 100%; 
} 

.mcs_my_container .customScrollBox 
{ 
margin-top: 10px; 
position: relative; 
height: 80%; 
width: 100%; 
overflow:hidden; 
border: 1px solid green; 
display: block; 
} 

.mcs_my_container .customScrollBox .container 
{ 
position: absolute; 
width: 70%; 
top: 0; 
float: left; 
margin-left: 20px; 
} 

.mcs_my_container .customScrollBox .content 
{ 
clear: both; 
} 

.mcs_my_container .dragger_container 
{ 
position: absolute; 
/*top: 10px !important;*/ 
width: 2px; 
/*height: 50px;50px 
height: 100%;*/ 
height: 110px; 
top: 0px; 
right: 20px; 
float: right; 
background: #000; 
cursor: s-resize; 
-moz-border-radius: 2px; 
-khtml-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px; 
cursor: s-resize; 
} 

.mcs_my_container .dragger 
{ 
position: absolute; 
width: 4px; 
/*height: 100%;*/ 
height: 10px;/* !important;*/ 
background: #999; 
text-align: center; 
line-height: 10px; 
color: #666; 
overflow: hidden; 
cursor: pointer; 
-moz-border-radius: 2px; 
-khtml-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px; 
margin-left: -1px; 
} 

.mcs_my_container .dragger_pressed 
{ 
position: absolute; 
width: 6px; 
margin-left: -2px; 
height: 10px; 
background: #999; 
text-align: center; 
line-height: 10px; 
color: #666; 
overflow: hidden; 
-moz-border-radius: 4px; 
-khtml-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
cursor: s-resize; 
} 

.divNoteText 
{ 
position: static; 
border: 1px solid red; 
word-wrap: break-word; 
} 

Answer 1

您需要添加position: relative到你希望它是定位中的dragger_container父容器。

如果您不這樣做，那麼dragger_container將絕對定位到相對定位的最近父元素，或者如果沒有定位，那麼它將定位在body內。