Question

怎么才能实现两个并列的子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>

Answer 1

在.body里再增加一个子DIV宽度要大于.left和.right.的宽度和，然后设定.body overflow:hidden

代码如下：
<style>
.body{width:400px; overflow:hidden;}
.main{ width:1000px; float:left; overflow:hidden; background:#FF0;}
.left{width:200px;float:left; background:#F00}
.right{width:210px;filoat:left; background:#0F0}
</style>

<div class="body">
<div class="main">
<div class="left">咖啡</div>
<div class="right">咖啡</div>
</div>
</div>

Answer 2

rfegrf