html 动态浮动,html – CSS 3列浮动(2个固定,1个动态)

我正在设计一个由3个部分组成的标题.

页面必须是流动的：最小宽度：940px;最大宽度：1200像素;

标题的前两部分将是固定大小：

left middle right

134px 183px (Fill the remaining space)

我希望根据页面的大小改变正确的部分,我将粘贴到目前为止,但我的问题是让它完全填补空白.

HTML：

CSS：

.main{

margin:auto;

min-width:940px;

max-width:1200px;

background-color:#000;

}

.left{

float: left;

width: 134px;

height: 191px;

background-color:#0000ff;

}

.middle{

float: left;

width: 183px;

height: 191px;

background-color:#ffff00;

}

.right{

float: left;

width: 60%;

height: 191px;

background-color:#ff0000;

}