Question

两个DIV如何浮动在一行？

Answer 1

方法一，如果两个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，不太推荐。