解决如何让两个div在一行上的问题

 

方法一，如果两个div都不知道width的话， 前一个float:left, 后一个不管最后用一个clear的div就搞定了，但是两个div的位置会重合 ，内容不会重合

<div style=”position:absolute;left:200px;height:1000px;width:300px;display:inline;”>

<div style=”float:left;position:relative;width:100px;background:#990022; “>

afafdadfas, ssssssssssss
</div>
<div style=”white-space:normal;background:#9ff022;”>
afsafasasd fsaf dfs fdas asfdsa ad afdfasdffffaaaaaaaaaaaaaaaaaaaaaaaaadasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>
<!–
<div style=”font-size:0px; line-height:0px; clear:both;”>
</div>
–>
</div>

方法二，如果右边的div知道width的话， 两个都用float:left就行了，内容和位置都不会重合，而且两个div再同一行上
<div style=”position:absolute;left:200px;top:300px;height:1000px;width:300px;display:inline;”>

<div style=”float:left;position:relative;width:100px;background:#990022; “>

afafdadfas, ssssssssssss
</div>
<div style=”white-space:normal;float:left;background:#9ff022;width:100px;”>
afsafasasd fsaf dfs fdas asfdsa ad afdfasdffffaaaaaaaaaaaaaaaaaaaaaaaaadasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>

<div style=”font-size:0px; line-height:0px; clear:both;”>
</div>

</div>

方法三，设置右边的div的top为负值， left大于等于左边div的宽度 ，这个方法比较猥琐，并且必须知道左边div的width，不太推荐。