我有3個(gè)問題，不知道如何解決它們。

第一個(gè)是，當(dāng)我鍵入輸入內(nèi)容時(shí)，文本在。折扣部分

第二個(gè)是。折扣部分和。頁腳部分毫無理由地相互重疊

第三是網(wǎng)站存在x溢出。然而，我已經(jīng)把溢出:隱藏；我看不到任何元素溢出體外

我的密碼筆:

https://codepen.io/Romany-Refaat/pen/MWPRRoG

在第一個(gè)問題中，我嘗試添加

display: flex;
align-items: flex-start;

但是什么都沒有改變

在第二個(gè)問題上，我試著給。折扣部分，但它顯然沒有反應(yīng)。

對于第三個(gè)問題，我已經(jīng)深入查看了chrome dev tools的每個(gè)部分，但不幸的是，我不知道問題出在哪里