減號位置的子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其他值。