去除浮动方法1-外墙法
在两个浮动的单位块之间,添加外墙去除浮动
缺点：如果页面内容多，会增加大量的div,而且标签的作用是用来增加语义的。与设计相违背
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 去除浮动-外墙法</title>
<style>
.box0{
background: red;
}
.box0 p{
float: left;
background: yellow;
}
.box1{
background: green;
}
.box1 p{
float: left;
background: pink;
}
.wall{
}
</style>
</head>
<body>
<div class="box0">
<span >我是一个段落 </span>
<span >我是一个段落 </span>
<span >我是一个段落 </span>
</div >
<div class="wall">
</div >
<div class="box1">
<span > 我是一个段落 </span>
<span > 我是一个段落 </span>
<span > 我是一个段落 </span>
</div>
</body>
</html>
发表评论