解決如何讓兩個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，不太推薦。