减号位置的子div正在切割

Question

有子容器position:absolute，当我将它的权利position设置为减号时，它不会从容器中移出并切割它的外部部分。我也用z-index检查它，但它不工作。

这里是一个的jsfiddle：https://jsfiddle.net/shahidbasheer/az6uxywx/10/

// Parent element 
.logign-form-wraper { 
    margin: 5% auto; 
    max-width: 466px; 
    overflow-x: hidden; 
    padding: 20px; 
} 

// child element 
.mistake_notify { 
    position: absolute; 
    top: 10px; 
    right: 0; 
    margin-right: -200px; 
    max-width: 320px; 
} 

Answer 1

从.logign-form-wraper删除overflow-x:hidden。

同时删除margin-right:-200px，给-200px，或者您希望right而不是0，因为你在一个DIV使用position:absolute其他值。