首页 > 代码库 > 清除浮动的 why
清除浮动的 why
如果你想第三个p不被前面的浮动层所影响，就对它进行清除
如果没有清除，第三个层就会移到第一个p下面
记住!!浮动是用来布局的~你看你的网页设计图,好几个版块在一条线上就是要浮动了,不需要浮动就是版块跟前面的版块不在一行上了...
不知道能不能明白...
例如:下面的例子,版块1和版块2是在一行上的,那么他们就要浮动起来,好放在一行里面,但是到版块3的时候就要换行了,那就不能浮动了,那么这个时候就要清除一下浮动了...
<html>
<head>
<style>
.div1{float:left;width:100px;height:100px;background:#f00;}
.div2{float:left;width:100px;height:100px;background:#0f0;}
.div3{clear:both;width:100px;height:100px;background:#00f;}
</style>
</head>
<body>
<div class="div1">版块1</div>
<div class="div2">版块2</div>
<div class="div3">版块3</div>
</body>
</html>
明白否?
清除浮动的 why
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。