怎么才能实现两个并列的子DIV即使超过父DIV宽度也不换行？

.body{width:400px;}.left{width:200px;float:left;}.right{width:210px;filoat:left;}
<div class="body"><div class="left">咖啡</div><div class="righr">咖啡</div></div>

<style>
.body{width:400px; height: 20px; background-color: red;}
.left{position: absolute; width:200px;float:left;background-color: blue;z-index: 4;}
.right{width:210px;float:right;background-color: yellow;}
</style>
<div class="body"><div class="left">咖啡</div><div class="right">咖啡</div></div>
我的解决办法不是很好，，把一个div跳出来，弄到别的层。

或者用一个script控制，如果他们加起来比上边那个大的话，，动态调整。

再或者从根本上解决问题：我猜你的DIV里边是字或者是什么把他撑大的。所以才会比最上边那个大。

你给left或者right的DIV加一个overflow: hidden;，表示超过DIV的文字不可见。这样左右DIV的大小就可控了