两个div，左侧是静态div，右侧是流体div

Question

这是我的情况：

   .left {
        float: left;
        width: 150px;
        height: 300px;
        margin-right: 20px
   }

  .right {
        float: right;
        max-width: 450px;
        height: 300px;
   }

我希望正确的div是流畅的，所以当减少浏览器的宽度时，它必须仍然在屏幕的右侧，但宽度较小。

但我正确的div非常粗鲁。他没有做我告诉他要做的事，而是以宽度为优先考虑。当窗户接触到他的右边缘时，他会跳到我可怜的左侧div下面，而不是减小他的宽度。

你们知道有什么方法可以惩罚他吗？告诉他他的行为不对吗？让他留在屏幕的右侧？

感谢您的建议！

Answer 1

尝试以下操作，这应该是您正在寻找的。

    .left {
        float: left;
        width: 150px;
        height: 300px;
        margin-right: 20px;
        border:1px solid black;
   }
  .right {
        max-width: 450px;
        height: 300px;
        border:1px solid black;
        margin-left:155px;
   }

如果我没记错的话，漂浮的div不能有自动宽度。所以既然你的左边div有一个静态宽度，你可以用一个边距推右边的div，这样就可以清除左边的div而且它会很流畅。