为什么须要打消浮动

1、父元素的高度无法被撑开，影响与父元素同级的元素；

2、与浮动元素同级的非浮动元素（内联元素）会跟随其后；

jsp点击div浮动出现24为什么会涌现浮动会引起什么问题若何消除浮动必会 Python

3、若非第一个元素浮动，则该元素之前的元素也须要浮动，否则会影响页面显示的构造办理方法。

打消浮动的办法

1、利用 CSS 中的 clear:both;（放一个空的 div，并设置上述 css）,属性来打消元素的浮动可办理 2、3 问题。

2、对付问题 1，添加如下样式，给父元素添加 clearfix 样式：

.clearfix:after

{ content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix

{ display: inline-block;

} / for IE/Mac /

3、给父级元素设置双伪元素；

4、给父级元素设置 overflow：hidden；或 overflow：auto；实质是构建一个 BFC