两个div，左侧和流体格右侧固定的div

Question

这里是我的情况：

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

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

我想正确的股利是流动的，所以当它涉及到减少浏览器的宽度，它必须仍然在屏幕的右侧，但宽度较小。

但我的权利是相当粗鲁。他没有按照我所说的去做，而是把他的宽度视为他的优先事项。当窗户触及他的右边缘时，他跳到我可怜的左边格子下面，而不是减小他的宽度。

你们知道有什么方法来惩罚他吗？告诉他他的行为不正确？为了让他留在屏幕的右侧？

感谢您的建议！

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，这样就可以清除左边的div，并且它是流畅的。