当前位置: 代码迷 >> HTML/CSS >> div显示的有关问题
  详细解决方案

div显示的有关问题

热度:138   发布时间:2012-03-27 13:44:24.0
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就可以了.
  相关解决方案