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

Question

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

You can see it in this Fiddle

谢谢

Answer 1

.status-edit 中的li float 在框外。您可以将 overflow: auto 添加到 .status-edit。然而，当屏幕尺寸变小时，'icon1' 和 'icon2' 消失。要解决此问题，您可以将最小宽度设置为 .status-edit。

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