html里 如何使两个嵌套的div在同一行显示？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html里 如何使两个嵌套的div在同一行显示？相关的知识，希望对你有一定的参考价值。
<div nowrap="true">111<div>23232323</div>
</div>
如果这样的话是显示为：
111
23232323
我希望显示为：11123232323
如何办到？
内部的div标志不能更改！！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.nav width:500px; height:30px;
.nav spanwidth:200px; height:30px; float:left
.nav divwidth:300px; height:30px; float:left
-->
</style>
</head>
<body>
<div class="nav"><span>111</span>
<div>23232323</div>
</div>
</body>
</html>
=====================================================
css里有float：left控制。。111套用span，这样就OK。不需要自动换行命令。本回答被提问者采纳 参考技术B 考试啊？
非要这样做的话，我不花时间做。
要不换行的话，我建议23232323用span括起来，就算用js来控制它的内容，样式，也很方便。
如果一定要两个都是div
那不建议嵌套起来，<div></div><div></div> 样式表中float：left。就可以达到效果。 参考技术C
可以用float来实现这个效果，float有left和right两个方向。
.nav width:500px; height:30px;
.nav spanwidth:200px; height:30px; float:left
.nav divwidth:300px; height:30px; float:left
</style>
<div class="nav"><span>aaa</span>
<div>bbb</div>
</div>
ul标签中嵌套div，div会换行显示，如何让ul和div水平显示在同一行
没看过这类ul嵌套div的写法的，要使列表和div水平显示在同一行，其实很简单，方法如下：<ul>
<li>123</li>
</ul>
<div>123</div>
CSS代码：
ul
width:宽度;
height:高度;
float:left; //左浮动
div
width:宽度;
height:高度;
float:left; //左浮动
欢迎追问！ 参考技术A 需要设置浮动吧。让div左浮动。或者改他的显示方式
以上是关于html里 如何使两个嵌套的div在同一行显示？的主要内容，如果未能解决你的问题，请参考以下文章