Html 如何在中间做出一个div的宽度 我想知道如何在CSS中实现一种方法，使div的宽度在两个其他div的中间自动调整。

.container{
宽度：100%；
}
左边
.对,，
.中{
float:left；//或者display:inline我不知道……你告诉我
}
.左{
宽度：50px；
}
.对{
宽度：60px；
}
.中{
宽度：“…装满容器…”；
}

---

您可以使用

Flexbox

只需在

上设置
flex:1


.container{
显示器：flex；
}
.左{
宽度：50px；
背景：浅蓝色；
}
.对{
宽度：60px；
背景：浅蓝色；
}
.中{
弹性：1；
背景：浅绿色；
}

左边
中间的
赖特
我相信
display:table
和
display:table cell
在这里可以很好地工作


.container{
显示：表格；
宽度：100%；
}
左边
.对,，
.中{
显示：表格单元格；
}
.左{
背景：红色；
宽度：50px；
}
.对{
背景：蓝色；
宽度：60px；
}
.中{
背景：绿色；
/*不需要宽度*/
}

左边
中间的
正确的
使用Flexbox
（IE10+）

使用
flex
可以添加
display:flex
到
.container
和
flex:1到
.middle


*{框大小：边框框；-webkit框大小：边框框；}
html，正文{高度：100%；边距：0；}
.集装箱{
显示器：flex；
}
/*你的风格*/
.左{宽度：50px；背景：#0bf；}
.middle{flex:1；背景：#fb0；}
.right{宽度：60px；背景：#bf0；}

50
剩余宽度
60
浏览器交叉点如何？这是小兼容还是非常兼容？@Roko C.Buljan Nope
：）
@ErnieBob自己看看：所以忘了IE吧，没有flex难道没有办法吗？只是玩常规的显示和浮动或宽度？如果你愿意，你可以使用
.middle{width:calc（100%-110px）；}
，但这比一个IE版本更好（IE）