Question

CSS里面怎么让两个DIV并列一行，不错位？

请看我的图片~~~ 一开始左侧只有一个div的时候，是正常的。当左侧有了2个div以后，右侧div就会跑到下面去。

右侧定义了：
width: 300px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
float: right;

请问有什么办法能解决这个问题？

Answer 1

将左边的两个div外面再套一个div 然后float:left;
css样式：.left{ float:left; margin-right:10px;} .right{ float:left;}
<div class="left">
<div class="left-1"></div>
<div class="left-1"></div>
<br style="clear:both;">
</div>
<div class="right">
</div>

Answer 2

应该是你的浮动没有设置

Answer 3

最好贴出整个代码，不知道你3个div是什么顺序放置的
下面我给的代码
<ul style="overflow:hidden;width:100%;margin:0; padding:0;">
<li style="float:left;width:xxxpx;"><div>左边第一个div</div><div>左边第一个div</div></li>
<li style="float:right;width:300px;margin-right:10px;"><div>右边div</div></li>
</ul>