你這種情況，用fix實(shí)現(xiàn)底部固定更加適合。

因不確定你 想要的效果， 提供兩種方案

方案一： 把  .wrapper 的height : 540px 更換為 min-height : 540px 

效果 ： 會固定在 .wrapper的底部

方案二： 首先 把 in輸入框 用fixed 定位 到 頂部， JS 獲取  .wrapper（高度不固定的情況下）高度，監(jiān)聽 滾動事件   當(dāng)滾動到 .wrapper 底部時  隱藏 in 輸入框


另外建議： 你在CSS 里面 寫了 PX  % REM  這樣 會顯得很亂， 而且維護(hù)起來也是一臉懵逼

因?yàn)槟愕母溉萜鱳rapper 高度設(shè)置了540，input 又是相對wrapper 定位在其底部。所以input定位的bottom 就是wrapper的高度，內(nèi)部滾動條是因?yàn)閠x的高度超出容器的高度，和input定位無關(guān)。所以當(dāng)你滑動內(nèi)部滾動條的時候，它還是在540的高度不變的。

當(dāng)position為absolute時，bottom的值是元素的底邊距離其包含塊的底邊的距離。在沒有滾動的時候，兩個底邊是重疊的，所以它確實(shí)位于wrapper的底部。

但是當(dāng)wrapper向上滾動的時候，input的包含塊也在向上移動，所以input也會跟著向上移動。

   <div class="wrapper" id="wrapper">
            <div class="tx">
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    劃線價：商品展示的劃橫線價格為參考價，并非原價，該價格可能是品牌專柜標(biāo)價、商品吊牌價或由品牌供應(yīng)商提供的正品零售價（如廠商指導(dǎo)價、建議零售價等）或該商品在京東平臺上曾經(jīng)展示過的銷售價；由于地區(qū)、時間的差異性和市場行情波動，品牌專柜標(biāo)價、商品吊牌價等可能會與您購物時展示的不一致，該價格僅供您參考。
                    折扣：如無特殊說明，折扣指銷售商在原價、或劃線價（如品牌專柜標(biāo)價、商品吊牌價、廠商指導(dǎo)價、廠商建議零售價）等某一價格基礎(chǔ)上計算出的優(yōu)惠比例或優(yōu)惠金額；如有疑問，您可在購買前聯(lián)系銷售商進(jìn)行咨詢。
                    劃線價：商品展示的劃橫線價格為參考價，并非原價，該價格可能是品牌專柜標(biāo)價、商品吊牌價或由品牌供應(yīng)商提供的正品零售價（如廠商指導(dǎo)價、建議零售價等）或該商品在京東平臺上曾經(jīng)展示過的銷售價；由于地區(qū)、時間的差異性和市場行情波動，品牌專柜標(biāo)價、商品吊牌價等可能會與您購物時展示的不一致，該價格僅供您參考。
                    折扣：如無特殊說明，折扣指銷售商在原價、或劃線價（如品牌專柜標(biāo)價、商品吊牌價、廠商指導(dǎo)價、廠商建議零售價）等某一價格基礎(chǔ)上計算出的優(yōu)惠比例或優(yōu)惠金額；如有疑問，您可在購買前聯(lián)系銷售商進(jìn)行咨詢。
                    異常問題：商品促銷信息以商品詳情頁“促銷”欄中的信息為準(zhǔn)；商品的具體售價以訂單結(jié)算頁價格為準(zhǔn)；如您發(fā)現(xiàn)活動商品售價或促銷信息有異常，建議購買前先聯(lián)系銷售商咨詢。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    京東價：京東價為商品的銷售價，是您最終決定是否購買商品的依據(jù)。
                    異常問題：商品促銷信息以商品詳情頁“促銷”欄中的信息為準(zhǔn)；商品的具體售價以訂單結(jié)算頁價格為準(zhǔn)；如您發(fā)現(xiàn)活動商品售價或促銷信息有異常，建議購買前先聯(lián)系銷售商咨詢。
                   行情波動，品牌專柜標(biāo)價、商品吊牌價等可能會與您購物時展示的不一致，該價格僅供您參考。
                    折扣：如無特殊說明，折扣指銷售商在原價、或劃線價（如品牌專柜標(biāo)價、商品吊牌價、廠商指導(dǎo)價、廠商建議零售價）等某一價格基礎(chǔ)上計算出的優(yōu)惠比例或優(yōu)惠金額；如有疑問，您可在購買前聯(lián)系銷售商進(jìn)行咨詢。
                    異常問題：商品促銷信c息以商品詳情頁“促銷”欄中的信息為準(zhǔn)；商品的具體售價以訂單結(jié)算頁價格為準(zhǔn)；如您發(fā)現(xiàn)活動商品售價或促銷信息有異常，建議購買前先聯(lián)系銷售商咨詢。
            </div>
            <input type="text" class="in" placeholder="請輸入" id="in">
            </div>
            
            
            
            
                .in {
    position: absolute;
    left: 5%;
    width: 90%;
    height: 2rem;
    border-radius: 4px;
    padding: .5rem;
    box-sizing: border-box;
    border: 1px solid gray;
    align-self: flex-end;

}
.tx {

font-size: 1rem;
-webkit-overflow-scrolling: touch;
border: 1px solid green;
overflow-y: scroll;

}
.wrapper {

display: flex;
border: 1px solid red;
padding: 10px;
box-sizing: border-box;
height: 540px;

}

• {
  margin: 0;
  padding: 0;

}

不知道是不是你要的布局