去除浮动方法2-内墙法
在第一个标签内加入一个div,添加内墙去除浮动
缺点：如果页面内容多，会增加大量的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 class="wall">
</div>
</div>
<div class="box1">
<span>我是一个段落</span>
<span>我是一个段落</span>
<span>我是一个段落</span>
</div>
</body>
</html>
发表评论