日期:2014-05-17  浏览次数:20635 次

div显示的问题。
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div style="width:200px">
<div style="float:left;">aaaa aaaaa aaaa aaaaa aaa a aaa a aa aaa aaa aaa aaa aa aaa aaaaaa aa aaa</div>
<div style="float:left;">bbbb</div>
</div>
</body>
</html>


怎么能让bbb这个div显示到aaaaa这一堆文字的后面呢?因为各种原因,只能使用div标签哦。



如果当aaaa只有一行的时候,显示正常,但是如果aaaa有多行,bbbb就显示到下一行去了。


------解决方案--------------------
第一种解决方法:你的第一个的DIV的宽度不够··太小了···。把宽度设置大点或者不设置就可以了。
第二种解决方法:把你里面的两个的DIV的宽度设置好,要里面两个DIV的宽度加起来小于等于200就可以了.