html里 如何使两个嵌套的div在同一行显示?

来源:百度知道 编辑:UC知道 时间:2024/06/24 14:46:35
<div nowrap="true">111<div>23232323</div>
</div>
如果这样的话是显示为:
111
23232323
我希望显示为:11123232323
如何办到?
内部的div标志不能更改!!

可以用float来实现这个效果,float有left和right两个方向。

<style type="text/css">
.nav {width:500px; height:30px;}
.nav span{width:200px; height:30px; float:left}
.nav div{width:300px; height:30px; float:left}
</style>
<div class="nav"><span>aaa</span>
  <div>bbb</div>
</div>

<!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=gb2312" />