html - Div 重叠和省略号在流体布局中不起作用

Question

我正在一个容器中创建一个包含 2 个 div（名为 status 和 status_edit）的流体布局。调整窗口大小时，第二个 div 重叠，省略号也不适用于status_list跨度。你有什么解决办法吗？我已经尝试了很多。

你可以在这个小提琴中看到它

谢谢

Answer 1

li里面.status-edit浮在盒子外面。您可以添加overflow: auto到.status-edit. 但是，当屏幕尺寸变小时，“icon1”和“icon2”消失。要解决此问题，您可以将 min-width 设置为.status-edit.

您还可以将最小宽度设置为.container. div 将按比例调整大小，具体取决于窗口大小，但将保持定义的最小宽度。当窗口大小小于该值时，将出现水平滚动条。