1. 爱易网页
  2. HTML教程
  3. div显示的有关问题

div显示的有关问题

日期：2014-05-17　 浏览次数：20569 次

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就可以了.

相关资料更多>

  1. css自动换行 ie6 css挟制换行 white-space:nowrap
  2. css-float-浮动，高度有关问题，clear，overflow
  3. HTML如何像是上划线、穿越文字的横线以及下划线
  4. CSS制造水平垂直居中对齐
  5. 请教怎么实现单击某一链接同时链接两个不同页面
  6. W3C教程(14):W3C RDF和OWL活动
  7. 用仿ActionScript的语法回编写html5——第一篇，显示一张图片
  8. CSS属性visibility跟display之间的区别
  9. 行: 13异常: 'null' 为空或不是对象