div换行问题（为什么div“you”没有换行呢？）
<html><head><metacharset=utf-8><linkrel="stylesheet"type="text/css"href="cs.css"></he...
<html>
<head>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="cs.css">
</head>
<body>
<div class="wai">
<div class="zuo">
<ul>
<li>绘画</li>
<li>音乐</li>
<li>文学</li>
</ul>
</div>
<div class="you">
</div>
</div>
</body>
</html>
@CHARSET "UTF-8";
ul li{
list-style-type: none;
font-size: 20px;
}
.wai{
border: 1px solid red;
height: 165px;
width: 200px;
padding-top: 0px;
}
.zuo{
border:1px solid yellow;
width: 30px;
height: 164px;
}
.zuo ul{
width:30px;
padding: 0px;
margin: 0px;
}
.zuo ul li{
margin-top:4px;
border:1px solid blue;
width: 30px;
height: 48px;
text-align: center;
background-color: silver;
}
.you{
border:1px solid green;
width: 120px;
height: 161px;
float: right;
} 展开
<head>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="cs.css">
</head>
<body>
<div class="wai">
<div class="zuo">
<ul>
<li>绘画</li>
<li>音乐</li>
<li>文学</li>
</ul>
</div>
<div class="you">
</div>
</div>
</body>
</html>
@CHARSET "UTF-8";
ul li{
list-style-type: none;
font-size: 20px;
}
.wai{
border: 1px solid red;
height: 165px;
width: 200px;
padding-top: 0px;
}
.zuo{
border:1px solid yellow;
width: 30px;
height: 164px;
}
.zuo ul{
width:30px;
padding: 0px;
margin: 0px;
}
.zuo ul li{
margin-top:4px;
border:1px solid blue;
width: 30px;
height: 48px;
text-align: center;
background-color: silver;
}
.you{
border:1px solid green;
width: 120px;
height: 161px;
float: right;
} 展开
3个回答
展开全部
因为.you添加了浮动属性，所以不会换行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把.you{float:right;}删除掉 或者在<div class="you">
前面加段<div style="clear:both;"></div>
前面加段<div style="clear:both;"></div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.zuo 加一个属性：overflow:hidden;
追问
试了一下，不过还是不行，谢谢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
