入力要素がオーバーラップするナビゲーション（検索ボタンとチェックボックス）

Question

現在、この問題はチェックボックス（ラベル）や検索ボタン（入力）などの要素がナビゲーションの上に積み重ねられています。

不透明度、位置、z-インデックス（静的ではない位置を含む）、境界線の背景を削除したようなものでしたが、成功しませんでした。

opacity: 1; 
    position: absolute; 
    z-index: 9998; 

Answer 1

位置：相対;私のような同じ問題に実行されているものをウィッヒのCSS

Answer 2

.search input { 
 
    border: 2px solid #ccc; 
 
    border-radius: 20px; 
 
    box-sizing: border-box; 
 
    font-family: "FontAwesome"; 
 
    font-size: 16px; 
 
    padding: 12px 20px; 
 
    position: relative; 
 
    transition: width 0.4s ease-in-out 0s; 
 
    width: 100%; 
 
    z-index: 9999; 
 
}

Answer 3

。私のnav-containerがposition: staticに設定されているからです！
position: relativeに変更しました。