如何让在一个div中再嵌套一个DIV时不换行我的代码如下，求高手帮忙！
<divclass=mainstyle="width=950px;"><divclass=leftstyle="width=220px;height=400px;floa...
<div class=main style="width=950px;">
<div class=left style="width=220px;height=400px;float=left">
</div>
<div class=middle style="width=500px;height=400px;float=left">
</div>
<div class=right style="width=220px;height=400px;float=left">
</div>
</div>
在middle中嵌套再添加div时为什么总是另起一行显示，显示不到该DIV中？？
不好意思我用了等号；应该是冒号；但您没有看清我的问题我的意思是这样的
<div class="main">
<div class="left">dgdsg
</div>
<div class="middle">dfgsdg
<div class="middle_1">如何不换行
</div>
<div class="middle_2">如何不换行
</div>
</div>
<div class="right">sdgsdg
</div>
</div>
middle_1和middle_2中内容总是换行显示，无论是否设置浮动，我想让这两个DIV在middle中并排显示，另外，你上文提到的.num没有用到啊 展开
<div class=left style="width=220px;height=400px;float=left">
</div>
<div class=middle style="width=500px;height=400px;float=left">
</div>
<div class=right style="width=220px;height=400px;float=left">
</div>
</div>
在middle中嵌套再添加div时为什么总是另起一行显示，显示不到该DIV中？？
不好意思我用了等号；应该是冒号；但您没有看清我的问题我的意思是这样的
<div class="main">
<div class="left">dgdsg
</div>
<div class="middle">dfgsdg
<div class="middle_1">如何不换行
</div>
<div class="middle_2">如何不换行
</div>
</div>
<div class="right">sdgsdg
</div>
</div>
middle_1和middle_2中内容总是换行显示，无论是否设置浮动，我想让这两个DIV在middle中并排显示，另外，你上文提到的.num没有用到啊 展开
2个回答
展开全部
<!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>
<style>
.num{ float:left; display:block;}
.main{background:#000000;width:950px;}
.left{background:#00FF00;width:220px;height:400px;float:left}
.middle{background:#0000FF;width:500px;height:400px;float:left}
.right{background:#FF0000;width:220px;height:400px;float:left}
</style>
</head>
<body>
<div class="main">
<div class="left">dgdsg
</div>
<div class="middle">dfgsdg
</div>
<div class="right">sdgsdg
</div>
</div>
</body>
</html>
代码复制过去看行不
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.num{ float:left; display:block;}
.main{background:#000000;width:950px;}
.left{background:#00FF00;width:220px;height:400px;float:left}
.middle{background:#0000FF;width:500px;height:400px;float:left}
.right{background:#FF0000;width:220px;height:400px;float:left}
</style>
</head>
<body>
<div class="main">
<div class="left">dgdsg
</div>
<div class="middle">dfgsdg
</div>
<div class="right">sdgsdg
</div>
</div>
</body>
</html>
代码复制过去看行不
追问
请看我的问题补充 谢谢
追答
无标题文档
.main{width:950px;}
.left{width:220px;float:left;background:#6633FF;}
.middle{height:400px;float:left}
.right{background:#FF0000;width:220px;float:left}
.middle_1{float:left;background:#00FF00;}
.middle_2{background:#0000FF;}
这是左边
这是中间一
这是没换行
sdgsdg
现在看行不行
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class=main style="width=950px;">
<div class=left style=" width:200px; float:left">123
</div>
<div class=middle style=" width:300px; float:left">123
</div>
<div class=right style=" width:300px; float:left" >123
</div>
</div>
<div class=left style=" width:200px; float:left">123
</div>
<div class=middle style=" width:300px; float:left">123
</div>
<div class=right style=" width:300px; float:left" >123
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
