html - 可変レイアウトで div がオーバーラップし、省略記号が機能しない

Question

コンテナーに 2 つの div (status と status_edit という名前) を含む流動的なレイアウトを作成しています。ウィンドウのサイズを変更すると、2 番目の div がオーバーラップします。また、省略記号がstatus_listスパンで機能しません。解決策はありますか？私はたくさん試しました。

あなたはこのフィドルでそれを見ることができます

ありがとう

Answer 1

li中身は箱の.status-edit外に浮いています。に追加できoverflow: autoます.status-edit。ただし、画面サイズが小さくなると、「icon1」と「icon2」が消えます。これを修正するには、min-width を に設定し.status-editます。

min-width を に設定することもできます.container。div は、ウィンドウ サイズに応じて比率でサイズ変更されますが、定義された最小幅を維持します。ウィンドウサイズがその値よりも小さくなると、水平スクロールバーが表示されます。