Question

如何实现两个div水平并列挨着

代码简单来说是这样：
<div id="main">
<div id="right"></div>
<div id="left"></div>
</div>
我设置了#left #right为display:block float:left，从而实现了并列，如：

问题是我的right部分会增大，一增大以后就跑到left的下面了

#div是有限大小的div
急求大侠解救





Answer 1

定好宽度就可以啊

<style type="text/css">

#main{ width:920px;}
#left{ width:300px; float:left; overflow:hidden;}
#right{ width:600px; float:left; margin-left:20px;display:inline; overflow:hidden;}
</style>

宽度自己改下就好了

还有你的right部分会增大是啥意思不大理解，是高度增加还是宽度增加

追问

谢谢 确实是宽度问题 写得有些烦了 所以没注意这个破问题

Answer 2

　　需要使用CSS的float属性，然后在设置浮动；
　　比如
　　<div style="widht:500px">
　　<div style="float:left;width:200px">左</div>
　　<div style="float:left;width:200px">右</div>
　　</div>
　　这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白
　　<div style="widht:500px">
　　<div style="float:left;width:200px">左</div>
　　<div style="float:right;width:200px">右</div>
　　</div>
　　以上写法，也是在同一行。不同的是，一个靠左，一个靠右。
　　这里边的两个DIV的中间有100PX的空白。

Answer 3

right不可以定义一个固定宽度么？