Html css浮动和自动宽度问题

我在一页上有两个div：一个向左浮动，另一个向右浮动：

.lefttty {
    height: 200px;
    width: auto;
    min-width:200px;
        float: left;}

.rightyyyy {
        height: 200px;
    width:400px;
        float: right;}

我试图做的是在用户缩小时扩展div，但同时将其保持在右侧和左侧，以支持所有屏幕分辨率

现在我的问题是浮动和自动宽度

左div似乎没有扩展到屏幕大小，而是调整到最小宽度。所以当我预览它时，它的最小宽度是200px。当我移除浮动时，它会像应该的那样扩展到全屏幕宽度。但我需要浮球

我还没有将右div的宽度设置为auto，因为我正在测试左atm

---

关于如何解决这个问题有什么想法吗？

我确实认为，如果您的元素是浮动的，并且您的元素只有不受流动影响的实体元素，那么浮动元素将采用给定的宽度或元素将采用的最大宽度

如果div为空，则浮动div将不带宽度。给他一个最小宽度，就会得出这个最小宽度

---

为了适应缩放，我建议您在一个采用100%浏览器宽度的容器中更改%值的宽度px值。当你放大或缩小时，它应该移动同样多。

我确实认为，如果你的元素是浮动的，并且你的元素只有不受流动影响的实体元素，那么浮动元素将采用给定的宽度或元素将采用的最大宽度

如果div为空，则浮动div将不带宽度。给他一个最小宽度，就会得出这个最小宽度

---

为了适应缩放，我建议您在一个采用100%浏览器宽度的容器中更改%值的宽度px值。当您放大或缩小时，它应该移动尽可能多。

您应该从lefttyy div中删除浮动，然后它才能正常工作：

您应该从lefttyy div中删除浮动，然后它才能正常工作：