怎么才能实现两个并列的子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>
第1个回答 2011-11-29
在.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>本回答被网友采纳
代码如下：
<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>本回答被网友采纳
第2个回答 2011-11-20
rfegrf
相似回答
大家正在搜
