Наложение перекрытий и эллипсис не работает в макете жидкости

Question

Я создаю жидкую компоновку с двумя divs (named status и status_edit) в контейнере. Второй div перекрывается при изменении размера окна, также многоточие не работает на пролетах status_list. У вас есть решение? я много пробовал.

You can see it in this Fiddle

Благодаря

Answer 1

li внутри .status-edit плывут нестандартно. Вы можете добавить overflow: auto в номер .status-edit. Однако, когда размер экрана уменьшается, «icon1» и «icon2» исчезают. Чтобы исправить это, вы можете установить минимальную ширину до .status-edit.

Вы также можете установить min-widht на номер .container. Размер div будет изменен в зависимости от размера окна, но будет иметь заданную минимальную ширину. Когда размер окна станет меньше этого значения, появится горизонтальная полоса прокрутки.