清除浮动的方法有哪些？
第一种：clear:both
在父元素的里面添加一个空的clear的div（跟浮动的子级同级），然后再为这个类添加属性值clear:both;便可以清除浮动。
第二种：overflow：hidden
在父元素的样式中添加overflow: hidden;也可以清除浮动，如下css代码，但不提倡使用这个方法，overflow: hidden;还有一个意思就是隐藏超出的部分，处理不好还是会给页面带来麻烦。
第三种：clearfix(推荐使用)
1.在父集元素类名中添加 clear-fix
2.写伪类样式
<style>
.clear-fix::after {
content:"";
display: block;
clear:both;
}
</style>
<div class="header-line clear-fix">
<div class="header-logo">
<a class="logo"href=" https://www.meisaas.com/index.html">样式方案</a>
</div>
</div>
网友评论