关于div的浮动
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
body{
font-family: '微软雅黑';
}
.per{
width: 400px;
height: 200px;
border: 1px solid #CCC;
}
.red{
width: 100px;
height: 100px;
background: red;
margin: 10px;
float:left;
}
</style>
</head>
<body>
<div class="per">
<div class="red"></div>慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基...
</div>
</body>
</html>
为什么div后面的是文字就不会覆盖掉前面的div，如果把文字换成是div就会覆盖掉前面的div呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
body{
font-family: '微软雅黑';
}
.per{
width: 400px;
height: 200px;
border: 1px solid #CCC;
}
.red{
width: 100px;
height: 100px;
background: red;
margin: 10px;
float:left;
}
.blue{
width: 100px;
height: 100px;
background: blue;
}
</style>
</head>
<body>
<div class="per">
<div class="red"></div>
<div class="blue"></div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星